Device, method, and graphical user interface for managing folders with multiple pages

ABSTRACT

A device displays a plurality of selectable user interface objects that includes one or more folder icons on a display. The device detects a first input requesting to select a folder icon for a folder that includes selectable icons divided between a plurality of distinct separately displayed pages of a folder view. In response to detecting the first input, the device displays a first page of the folder view. While displaying the first page of the folder view, the device detects a second input that corresponds to a request to display a second page of the folder view. In response to detecting the second input, the device ceases to display the first page and displays the second page of the folder view.

RELATED APPLICATIONS

This application is a continuation of U.S. application Ser. No.14/142,648, filed Dec. 27, 2013, entitled “Device, Method, and GraphicalUser Interface for Managing Folders with Multiple Pages,” which claimspriority to U.S. Provisional Application Ser. No. 61/832,897, filed Jun.9, 2013, and is a continuation-in-part of U.S. application Ser. No.12/888,362, filed Sep. 22, 2010, entitled “Device, Method and GraphicalUser Interface for Managing Folders.” which claims priority on U.S.Provisional Application Ser. No. 61/321,872, filed Apr. 7, 2010, whichapplications are incorporated herein by reference in their entirety.

This application is also related to the following: (1) U.S. applicationSer. No. 12/888,366, filed Sep. 22, 2010, entitled “Device, Method, andGraphical User Interface for Managing Folders,” (2) U.S. applicationSer. No. 12/888,370, filed Sep. 22, 2010, entitled “Device, Method, andGraphical User Interface for Managing Folders,” (3) U.S. applicationSer. No. 12/888,373, filed Sep. 22, 2010, entitled “Device, Method, andGraphical User Interface for Managing Folders,” (4) U.S. applicationSer. No. 12/888,375, filed Sep. 22, 2010, entitled “Device, Method, andGraphical User Interface for Managing Folders,” (5) U.S. applicationSer. No. 12/888,376, filed Sep. 22, 2010, entitled “Device, Method, andGraphical User Interface for Managing Folders,” (6) U.S. applicationSer. No. 12/888,377, filed Sep. 22, 2010, entitled “Device, Method, andGraphical User Interface for Managing Folders.” which are incorporatedherein by reference in their entirety.

TECHNICAL FIELD

The disclosed embodiments relate generally to electronic devices withtouch-sensitive surfaces, including but not limited to electronicdevices with touch-sensitive surfaces for managing folders.

BACKGROUND

The use of touch-sensitive surfaces as input devices for computers andother electronic computing devices has increased significantly in recentyears. Exemplary touch-sensitive surfaces include touch pads and touchscreen displays. Such surfaces are widely used to manage folders bymanipulating selectable user interface objects on a display.

Exemplary manipulations include creating a folder, displaying a folderview associated with a folder, adding selectable user interface objects(e.g., application icons, document icons, folder icons, etc.) to afolder, removing selectable user interface objects from a folder,repositioning selectable user interface objects within a folder view ofa folder, repositioning a folder icon within an arrangement ofselectable user interface objects and deleting a folder. Exemplaryselectable user interface objects include icons representingapplications, digital images, video, text, icons, and other documents,as well as applications icons that are associated with computingapplications (e.g., mobile device applications and/or personal computerapplications, etc.).

But existing methods for performing these manipulations are cumbersomeand inefficient. For example, using a sequence of inputs to create,modify and/or delete folders and content within folders is tedious andcreates a significant cognitive burden on a user. In addition, existingmethods take longer than necessary, thereby wasting energy. This latterconsideration is particularly important in battery-operated devices.

SUMMARY

Accordingly, there is a need for computing devices with faster, moreefficient methods and interfaces for managing folders. Such methods andinterfaces may complement or replace conventional methods for managingfolders. Such methods and interfaces reduce the cognitive burden on auser and produce a more efficient human-machine interface. Forbattery-operated computing devices, such methods and interfaces conservepower and increase the time between battery charges.

The above deficiencies and other problems associated with userinterfaces for computing devices with touch-sensitive surfaces arereduced or eliminated by the disclosed devices. In some embodiments, thedevice is a desktop computer. In some embodiments, the device isportable (e.g., a notebook computer, tablet computer, or handhelddevice). In some embodiments, the device has a touchpad. In someembodiments, the device has a touch-sensitive display (also known as a“touch screen” or “touch screen display”). In some embodiments, thedevice has a graphical user interface (GUI), one or more processors,memory and one or more modules, programs or sets of instructions storedin the memory for performing multiple functions. In some embodiments,the user interacts with the GUI primarily through finger contacts andgestures on the touch-sensitive surface. In some embodiments, thefunctions may include image editing, drawing, presenting, wordprocessing, website creating, disk authoring, spreadsheet making, gameplaying, telephoning, video conferencing, e-mailing, instant messaging,workout support, digital photographing, digital videoing, web browsing,digital music playing, and/or digital video playing. Executableinstructions for performing these functions may be included in acomputer readable storage medium or other computer program productconfigured for execution by one or more processors.

In accordance with some embodiments, a multifunction device includes adisplay, one or more processors, memory, and one or more programs. Theone or more programs are stored in the memory and configured to beexecuted by the one or more processors. The one or more programs includeinstructions for: displaying a plurality of selectable user interfaceobjects on the display; detecting a first input; and in response todetecting the first input, moving a first object in the plurality ofselectable user interface objects across the display to a location onthe display that is proximate to a second object in the plurality ofselectable user interface objects. The one or more programs furtherinclude instructions for detecting that the first input meets predefinedfolder-creation criteria while the first object is proximate to thesecond object; and, in response to detecting that the first input meetsthe predefined folder-creation criteria while the first object isproximate to the second object, creating a folder that contains thefirst object and the second object.

In accordance with some embodiments, a method is performed at amultifunction device with a display. The method includes: displaying aplurality of selectable user interface objects on the display; detectinga first input, and in response to detecting the first input, moving afirst object in the plurality of selectable user interface objectsacross the display to a location on the display that is proximate to asecond object in the plurality of selectable user interface objects. Themethod further includes detecting that the first input meets predefinedfolder-creation criteria while the first object is proximate to thesecond object; and, in response to detecting that the first input meetsthe predefined folder-creation criteria while the first object isproximate to the second object, creating a folder that contains thefirst object and the second object.

In accordance with some embodiments, a graphical user interface on amultifunction device with a display, a memory, and one or moreprocessors to execute one or more programs stored in the memory includesa plurality of selectable user interface objects. A first input isdetected, and in response to detecting the first input, a first objectin the plurality of selectable user interface objects is moved acrossthe display to a location on the display that is proximate to a secondobject in the plurality of selectable user interface objects. It isdetected that the first input meets predefined folder-creation criteriawhile the first object is proximate to the second object; and, inresponse to detecting that the first input meets the predefinedfolder-creation criteria while the first object is proximate to thesecond object, a folder is created that contains the first object andthe second object.

In accordance with some embodiments, a computer readable storage mediumhas stored therein instructions which when executed by a multifunctiondevice with a display, cause the device to: display a plurality ofselectable user interface objects on the display; detect a first input;and in response to detecting the first input, move a first object in theplurality of selectable user interface objects across the display to alocation on the display that is proximate to a second object in theplurality of selectable user interface objects. The instructions furthercause the device to detect that the first input meets predefinedfolder-creation criteria while the first object is proximate to thesecond object; and, in response to detecting that the first input meetsthe predefined folder-creation criteria while the first object isproximate to the second object, create a folder that contains the firstobject and the second object.

In accordance with some embodiments, a multifunction device includes: adisplay; means for displaying a plurality of selectable user interfaceobjects on the display; means for detecting a first input; and means,responsive to detecting the first input, for moving a first object inthe plurality of selectable user interface objects across the display toa location on the display that is proximate to a second object in theplurality of selectable user interface objects. The device furtherincludes means for detecting that the first input meets predefinedfolder-creation criteria while the first object is proximate to thesecond object; and, means, responsive to detecting that the first inputmeets the predefined folder-creation criteria while the first object isproximate to the second object, for creating a folder that contains thefirst object and the second object.

In accordance with some embodiments, an information processing apparatusfor use in a multifunction device with a display includes: means fordetecting a first input; and means, responsive to detecting the firstinput, for moving a first object in the plurality of selectable userinterface objects across the display to a location on the display thatis proximate to a second object in the plurality of selectable userinterface objects. The information processing apparatus further includesmeans for detecting that the first input meets predefinedfolder-creation criteria while the first object is proximate to thesecond object; and, means, responsive to detecting that the first inputmeets the predefined folder-creation criteria while the first object isproximate to the second object, for creating a folder that contains thefirst object and the second object.

In accordance with some embodiments, a multifunction device includes adisplay, one or more processors, memory, and one or more programs. Theone or more programs are stored in the memory and configured to beexecuted by the one or more processors. The one or more programs includeinstructions for: concurrently displaying one or more action icons andone or more folder icons on the display. The multifunction device has anormal operation mode for activating applications and a user interfacereconfiguration mode for rearranging the action icons and the foldericons on the display. The one or more programs further includeinstructions for detecting a first input; and in response to detectingthe first input: when the first input corresponds to a request to selecta respective folder icon of the one or more folder icons displayingcontents of a folder associated with the respective folder icon withoutregard for whether the multifunction device is in the normal operationmode or the user interface reconfiguration mode; and when the firstinput corresponds to a request to select a respective action icon of theone or more action icons: when the multifunction device is in the normaloperation mode activating an application associated with the respectiveaction icon; and, when the multifunction device is in the user interfacereconfiguration mode, continuing to display the respective action iconwithout activating the application associated with the respective actionicon.

In accordance with some embodiments, a method is performed at amultifunction device with a display. The method includes: concurrentlydisplaying one or more action icons and one or more folder icons on thedisplay. The multifunction device has a normal operation mode foractivating applications and a user interface reconfiguration mode forrearranging the action icons and the folder icons on the display. Themethod further includes detecting a first input; and in response todetecting the first input: when the first input corresponds to a requestto select a respective folder icon of the one or more folder icons,displaying contents of a folder associated with the respective foldericon without regard for whether the multifunction device is in thenormal operation mode or the user interface reconfiguration mode; andwhen the first input corresponds to a request to select a respectiveaction icon of the one or more action icons; when the multifunctiondevice is in the normal operation mode, activating an applicationassociated with the respective action icon; and, when the multifunctiondevice is in the user interface reconfiguration mode, continuing todisplay the respective action icon without activating the applicationassociated with the respective action icon.

In accordance with some embodiments, a graphical user interface on amultifunction device with a display, a memory, and one or moreprocessors to execute one or more programs stored in the memory includesone or more action icons and one or more folder icons. The one or moreaction icons and one or more folder icons are concurrently displayed onthe display. The multifunction device has a normal operation mode foractivating applications and a user interface reconfiguration mode forrearranging the action icons and the folder icons on the display. Afirst input is detected: and in response to detecting the first input:when the first input corresponds to a request to select a respectivefolder icon of the one or more folder icons, contents of a folderassociated with the respective folder icon are displayed without regardfor whether the multifunction device is in the normal operation mode orthe user interface reconfiguration mode; and when the first inputcorresponds to a request to select a respective action icon of the oneor more action icons: when the multifunction device is in the normaloperation mode, an application associated with the respective actionicon is activated; and, when the multifunction device is in the userinterface reconfiguration mode, the respective action icon continues tobe displayed without activating the application associated with therespective action icon.

In accordance with some embodiments, a computer readable storage mediumhas stored therein instructions which when executed by a multifunctiondevice with a display, cause the device to: concurrently display one ormore action icons and one or more folder icons on the display. Themultifunction device has a normal operation mode for activatingapplications and a user interface reconfiguration mode for rearrangingthe action icons and the folder icons on the display. The instructionsfurther cause the device to detect a first input; and in response todetecting the first input: when the first input corresponds to a requestto select a respective folder icon of the one or more folder icons,display contents of a folder associated with the respective folder iconwithout regard for whether the multifunction device is in the normaloperation mode or the user interface reconfiguration mode; and when thefirst input corresponds to a request to select a respective action iconof the one or more action icons: when the multifunction device is in thenormal operation mode, activate an application associated with therespective action icon; and, when the multifunction device is in theuser interface reconfiguration mode, continue to display the respectiveaction icon without activating the application associated with therespective action icon.

In accordance with some embodiments, a multifunction device includes: adisplay; means for concurrently displaying one or more action icons andone or more folder icons on the display. The multifunction device has anormal operation mode for activating applications and a user interfacereconfiguration mode for rearranging the action icons and the foldericons on the display. The device further includes means for detecting afirst input; and means, responsive to detecting the first input, for:when the first input corresponds to a request to select a respectivefolder icon of the one or more folder icons, displaying contents of afolder associated with the respective folder icon without regard forwhether the multifunction device is in the normal operation mode or theuser interface reconfiguration mode; and when the first inputcorresponds to a request to select a respective action icon of the oneor more action icons: when the multifunction device is in the normaloperation mode, activating an application associated with the respectiveaction icon; and, when the multifunction device is in the user interfacereconfiguration mode, continuing to display the respective action iconwithout activating the application associated with the respective actionicon.

In accordance with some embodiments, an information processing apparatusfor use in a multifunction device with a display includes: means forconcurrently displaying one or more action icons and one or more foldericons on the display. The multifunction device has a normal operationmode for activating applications and a user interface reconfigurationmode for rearranging the action icons and the folder icons on thedisplay. The information processing apparatus further includes means fordetecting a first input; and means, responsive to detecting the firstinput, for: when the first input corresponds to a request to select arespective folder icon of the one or more folder icons, displayingcontents of a folder associated with the respective folder icon withoutregard for whether the multifunction device is in the normal operationmode or the user interface reconfiguration mode; and when the firstinput corresponds to a request to select a respective action icon of theone or more action icons: when the multifunction device is in the normaloperation mode, activating an application associated with the respectiveaction icon; and, when the multifunction device is in the user interfacereconfiguration mode, continuing to display the respective action iconwithout activating the application associated with the respective actionicon.

In accordance with some embodiments, a multifunction device includes adisplay, one or more processors, memory, and one or more programs. Theone or more programs are stored in the memory and configured to beexecuted by the one or more processors. The one or more programs includeinstructions for: receiving an input that corresponds to a request tocreate a folder that contains a first item and a second item; and inresponse to receiving the input: creating the folder that contains thefirst item and the second item; determining a first plurality ofdescriptors that are associated with the first item; and determining asecond plurality of descriptors that are associated with the seconditem. The one or more programs further include instructions for, whenthe first plurality of descriptors and the second plurality ofdescriptors share at least a first common descriptor: automaticallygenerating a folder name for the folder based on the first commondescriptor; and displaying an icon for the folder with the automaticallygenerated folder name on the display.

In accordance with some embodiments, a method is performed at amultifunction device with a display. The method includes: receiving aninput that corresponds to a request to create a folder that contains afirst item and a second item; and in response to receiving the input:creating the folder that contains the first item and the second item;determining a first plurality of descriptors that are associated withthe first item; and determining a second plurality of descriptors thatare associated with the second item. The method further includes, whenthe first plurality of descriptors and the second plurality ofdescriptors share at least a first common descriptor: automaticallygenerating a folder name for the folder based on the first commondescriptor; and displaying an icon for the folder with the automaticallygenerated folder name on the display.

In accordance with some embodiments, a graphical user interface on amultifunction device with a display, a memory, and one or moreprocessors to execute one or more programs stored in the memory includesa first item and a second item. An input that corresponds to a requestto create a folder that contains the first item and the second item isreceived; and in response to receiving the input: the folder thatcontains the first item and the second item is created; a firstplurality of descriptors that are associated with the first item aredetermined; and a second plurality of descriptors that are associatedwith the second item are determined. When the first plurality ofdescriptors and the second plurality of descriptors share at least afirst common descriptor: a folder name for the folder is automaticallygenerated based on the first common descriptor; and an icon for thefolder is displayed with the automatically generated folder name on thedisplay.

In accordance with some embodiments, a computer readable storage mediumhas stored therein instructions which when executed by a multifunctiondevice with a display, cause the device to: receive an input thatcorresponds to a request to create a folder that contains a first itemand a second item; and in response to receiving the input: create thefolder that contains the first item and the second item; determine afirst plurality of descriptors that are associated with the first item;and determine a second plurality of descriptors that are associated withthe second item. The instructions further cause the device to, when thefirst plurality of descriptors and the second plurality of descriptorsshare at least a first common descriptor: automatically generate afolder name for the folder based on the first common descriptor: anddisplay an icon for the folder with the automatically generated foldername on the display.

In accordance with some embodiments, a multifunction device includes: adisplay; means for receiving an input that corresponds to a request tocreate a folder that contains a first item and a second item, and means,responsive to receiving the input, for: creating the folder thatcontains the first item and the second item; determining a firstplurality of descriptors that are associated with the first item; anddetermining a second plurality of descriptors that are associated withthe second item. The device further includes means for, when the firstplurality of descriptors and the second plurality of descriptors shareat least a first common descriptor: automatically generating a foldername for the folder based on the first common descriptor: and displayingan icon for the folder with the automatically generated folder name onthe display.

In accordance with some embodiments, an information processing apparatusfor use in a multifunction device with a display includes: means forreceiving an input that corresponds to a request to create a folder thatcontains a first item and a second item; and means, responsive toreceiving the input, for: creating the folder that contains the firstitem and the second item; determining a first plurality of descriptorsthat are associated with the first item; and determining a secondplurality of descriptors that are associated with the second item. Theinformation processing apparatus further includes means for, when thefirst plurality of descriptors and the second plurality of descriptorsshare at least a first common descriptor: automatically generating afolder name for the folder based on the first common descriptor; anddisplaying an icon for the folder with the automatically generatedfolder name on the display.

In accordance with some embodiments, a multifunction device includes adisplay, one or more processors, memory, and one or more programs. Theone or more programs are stored in the memory and configured to beexecuted by the one or more processors. The one or more programs includeinstructions for: displaying a plurality of icons on the display. Afirst icon in the plurality of icons is displayed at a first location onthe display. A second icon in the plurality of icons, distinct from thefirst icon, has an activation region with a default size. The one ormore programs further include instructions for detecting an input thatcorresponds to a request to move the first icon; changing a size of theactivation region for the second icon from the default size based on adistance from the first location to a location of the second icon; andin response to detecting the input, moving the first icon across thedisplay away from the first location. The one or more programs alsoincludes instructions for detecting that the input meets predefinedtrigger criteria; and, in response to detecting that the input meetspredefined trigger criteria: when the first icon is at least partlywithin the activation region of the second icon, performing a firstoperation that is associated with the second icon; and when the firsticon is outside of the activation region of the second icon, performinga second operation that is distinct from the first operation.

In accordance with some embodiments, a method is performed at amultifunction device with a display. The method includes: displaying aplurality of icons on the display. A first icon in the plurality oficons is displayed at a first location on the display. A second icon inthe plurality of icons, distinct from the first icon, has an activationregion with a default size. The method further includes detecting aninput that corresponds to a request to move the first icon; changing asize of the activation region for the second icon from the default sizebased on a distance from the first location to a location of the secondicon; and in response to detecting the input, moving the first iconacross the display away from the first location. The method alsoincludes detecting that the input meets predefined trigger criteria;and, in response to detecting that the input meets predefined triggercriteria: when the first icon is at least partly within the activationregion of the second icon, performing a first operation that isassociated with the second icon; and when the first icon is outside ofthe activation region of the second icon, performing a second operationthat is distinct from the first operation.

In accordance with some embodiments, a graphical user interface on amultifunction device with a display, a memory, and one or moreprocessors to execute one or more programs stored in the memory includesa plurality of icons displayed on the display. A first icon in theplurality of icons is displayed at a first location on the display. Asecond icon in the plurality of icons, distinct from the first icon, hasan activation region with a default size. An input that corresponds to arequest to move the first icon is detected. A size of the activationregion is changed for the second icon from the default size based on adistance from the first location to a location of the second icon. Inresponse to detecting the input, the first icon is moved across thedisplay away from the first location. It is detected that the inputmeets predefined trigger criteria; and, in response to detecting thatthe input meets predefined trigger criteria: when the first icon is atleast partly within the activation region of the second icon, a firstoperation that is associated with the second icon is performed; and whenthe first icon is outside of the activation region of the second icon, asecond operation that is distinct from the first operation is performed.

In accordance with some embodiments, a computer readable storage mediumhas stored therein instructions which when executed by a multifunctiondevice with a display, cause the device to: display a plurality of iconson the display. A first icon in the plurality of icons is displayed at afirst location on the display. A second icon in the plurality of icons,distinct from the first icon, has an activation region with a defaultsize. The instructions further cause the device to detect an input thatcorresponds to a request to move the first icon; change a size of theactivation region for the second icon from the default size based on adistance from the first location to a location of the second icon; andin response to detecting the input, move the first icon across thedisplay away from the first location. The instructions also cause thedevice to detect that the input meets predefined trigger criteria; and,in response to detecting that the input meets predefined triggercriteria: when the first icon is at least partly within the activationregion of the second icon, perform a first operation that is associatedwith the second icon; and when the first icon is outside of theactivation region of the second icon, perform a second operation that isdistinct from the first operation.

In accordance with some embodiments, a multifunction device includes: adisplay; means for displaying a plurality of icons on the display. Afirst icon in the plurality of icons is displayed at a first location onthe display. A second icon in the plurality of icons, distinct from thefirst icon, has an activation region with a default size. The devicefurther includes means for detecting an input that corresponds to arequest to move the first icon; means for changing a size of theactivation region for the second icon from the default size based on adistance from the first location to a location of the second icon; andmeans, responsive to detecting the input, for moving the first iconacross the display away from the first location. The device alsoincludes means for detecting that the input meets predefined triggercriteria; and, means, responsive to detecting that the input meetspredefined trigger criteria, for: when the first icon is at least partlywithin the activation region of the second icon, performing a firstoperation that is associated with the second icon; and when the firsticon is outside of the activation region of the second icon, performinga second operation that is distinct from the first operation.

In accordance with some embodiments, an information processing apparatusfor use in a multifunction device with a display includes: means fordisplaying a plurality of icons on the display. A first icon in theplurality of icons is displayed at a first location on the display. Asecond icon in the plurality of icons, distinct from the first icon, hasan activation region with a default size. The information processingapparatus further includes means for detecting an input that correspondsto a request to move the first icon; means for changing a size of theactivation region for the second icon from the default size based on adistance from the first location to a location of the second icon; andmeans, responsive to detecting the input, for moving the first iconacross the display away from the first location. The informationprocessing apparatus also includes means for detecting that the inputmeets predefined trigger criteria; and, means, responsive to detectingthat the input meets predefined trigger criteria, for: when the firsticon is at least partly within the activation region of the second icon,performing a first operation that is associated with the second icon;and when the first icon is outside of the activation region of thesecond icon, performing a second operation that is distinct from thefirst operation.

In accordance with some embodiments, a multifunction device includes adisplay, one or more processors, memory, and one or more programs. Theone or more programs are stored in the memory and configured to beexecuted by the one or more processors. The one or more programs includeinstructions for: displaying a plurality of icons on the display in afirst arrangement; detecting an input that corresponds to a request tomove a first icon in the plurality of icons from a first position on thedisplay to a second position on the display; and in response todetecting the input: moving the first icon from the first position tothe second position; and maintaining positions of each respective iconin the plurality of icons other than the first icon until automaticreconfiguration criteria have been met. The device further includesinstructions for, when the automatic reconfiguration criteria have beenmet, moving one or more of the icons in the plurality of icons otherthan the first icon to form a second arrangement that is distinct fromthe first arrangement.

In accordance with some embodiments, a method is performed at amultifunction device with a display. The method includes: displaying aplurality of icons on the display in a first arrangement; detecting aninput that corresponds to a request to move a first icon in theplurality of icons from a first position on the display to a secondposition on the display; and in response to detecting the input: movingthe first icon from the first position to the second position; andmaintaining positions of each respective icon in the plurality of iconsother than the first icon until automatic reconfiguration criteria havebeen met. The method further includes when the automatic reconfigurationcriteria have been met, moving one or more of the icons in the pluralityof icons other than the first icon to form a second arrangement that isdistinct from the first arrangement.

In accordance with some embodiments, a graphical user interface on amultifunction device with a display, a memory, and one or moreprocessors to execute one or more programs stored in the memory includesa plurality of icons on the display in a first arrangement. An inputthat corresponds to a request to move a first icon in the plurality oficons from a first position on the display to a second position on thedisplay is detected; and in response to detecting the input: the firsticon is moved from the first position to the second position; andpositions of each respective icon in the plurality of icons other thanthe first icon are maintained until automatic reconfiguration criteriahave been met. When the automatic reconfiguration criteria have beenmet, one or more of the icons in the plurality of icons other than thefirst icon are moved to form a second arrangement that is distinct fromthe first arrangement.

In accordance with some embodiments, a computer readable storage mediumhas stored therein instructions which when executed by a multifunctiondevice with a display, cause the device to: display a plurality of iconson the display in a first arrangement; detect an input that correspondsto a request to move a first icon in the plurality of icons from a firstposition on the display to a second position on the display; and inresponse to detecting the input: move the first icon from the firstposition to the second position; and maintain positions of eachrespective icon in the plurality of icons other than the first iconuntil automatic reconfiguration criteria have been met. The instructionsfurther cause the device to when the automatic reconfiguration criteriahave been met, move one or more of the icons in the plurality of iconsother than the first icon to form a second arrangement that is distinctfrom the first arrangement.

In accordance with some embodiments, a multifunction device includes: adisplay; means for displaying a plurality of icons on the display in afirst arrangement; means for detecting an input that corresponds to arequest to move a first icon in the plurality of icons from a firstposition on the display to a second position on the display; and means,responsive to detecting the input, for: moving the first icon from thefirst position to the second position; and maintaining positions of eachrespective icon in the plurality of icons other than the first iconuntil automatic reconfiguration criteria have been met. The devicefurther includes means for, when the automatic reconfiguration criteriahave been met, moving one or more of the icons in the plurality of iconsother than the first icon to form a second arrangement that is distinctfrom the first arrangement.

In accordance with some embodiments, an information processing apparatusfor use in a multifunction device with a display includes: means fordisplaying a plurality of icons on the display in a first arrangement;means for detecting an input that corresponds to a request to move afirst icon in the plurality of icons from a first position on thedisplay to a second position on the display; and means, responsive todetecting the input, for: moving the first icon from the first positionto the second position; and maintaining positions of each respectiveicon in the plurality of icons other than the first icon until automaticreconfiguration criteria have been met. The information processingapparatus further includes means for, when the automatic reconfigurationcriteria have been met, moving one or more of the icons in the pluralityof icons other than the first icon to form a second arrangement that isdistinct from the first arrangement.

In accordance with some embodiments, a multifunction device includes adisplay, one or more processors, memory, and one or more programs. Theone or more programs are stored in the memory and configured to beexecuted by the one or more processors. The one or more programs includeinstructions for: displaying a dynamic folder icon. The dynamic foldericon includes a visual indication of current content in a folder that isassociated with the dynamic folder icon. The device further includesinstructions for detecting an input that corresponds to a request tomodify content in the folder; and in response to detecting the input:modifying the content in the folder; and updating the dynamic foldericon to include a visual indication of a spatial arrangement of themodified content within the folder.

In accordance with some embodiments, a method is performed at amultifunction device with a display. The method includes: displaying adynamic folder icon. The dynamic folder icon includes a visualindication of current content in a folder that is associated with thedynamic folder icon. The method further includes detecting an input thatcorresponds to a request to modify content in the folder; and inresponse to detecting the input: modifying the content in the folder;and updating the dynamic folder icon to include a visual indication of aspatial arrangement of the modified content within the folder.

In accordance with some embodiments, a graphical user interface on amultifunction device with a display, a memory, and one or moreprocessors to execute one or more programs stored in the memory includesa dynamic folder icon. The dynamic folder icon includes a visualindication of current content in a folder that is associated with thedynamic folder icon. An input that corresponds to a request to modifycontent in the folder is detected; and in response to detecting theinput: the content in the folder is modified; and the dynamic foldericon is updated to include a visual indication of a spatial arrangementof the modified content within the folder.

In accordance with some embodiments, a computer readable storage mediumhas stored therein instructions which when executed by a multifunctiondevice with a display, cause the device to: display a dynamic foldericon. The dynamic folder icon includes a visual indication of currentcontent in a folder that is associated with the dynamic folder icon. Theinstructions further cause the device to detect an input thatcorresponds to a request to modify content in the folder; and inresponse to detecting the input: modify the content in the folder; andupdate the dynamic folder icon to include a visual indication of aspatial arrangement of the modified content within the folder.

In accordance with some embodiments, a multifunction device includes: adisplay; means for displaying a dynamic folder icon. The dynamic foldericon includes a visual indication of current content in a folder that isassociated with the dynamic folder icon. The device further includesmeans for detecting an input that corresponds to a request to modifycontent in the folder; means, responsive to detecting the input, for:modifying the content in the folder; and updating the dynamic foldericon to include a visual indication of a spatial arrangement of themodified content within the folder.

In accordance with some embodiments, an information processing apparatusfor use in a multifunction device with a display includes: means fordisplaying a dynamic folder icon. The dynamic folder icon includes avisual indication of current content in a folder that is associated withthe dynamic folder icon. The information processing apparatus furtherincludes means for detecting an input that corresponds to a request tomodify content in the folder; means, responsive to detecting the input,for: modifying the content in the folder; and updating the dynamicfolder icon to include a visual indication of a spatial arrangement ofthe modified content within the folder.

In accordance with some embodiments, a multifunction device includes adisplay, one or more processors, memory, and one or more programs. Theone or more programs are stored in the memory and configured to beexecuted by the one or more processors. The one or more programs includeinstructions for: displaying a folder icon over a wallpaper backgroundon the display, the folder icon corresponding to a folder that containscontent, the content including one or more selectable user interfaceobjects. The one or more programs further include instructions fordetecting a first input that corresponds to a request to display contentof the folder; and in response to detecting the first input: dividingthe wallpaper background into a first portion and a second portion;moving the second portion away from the first portion; and displayingcontent of the folder in an area between the first portion and thesecond portion.

In accordance with some embodiments, a method is performed at amultifunction device with a display. The method includes: displaying afolder icon over a wallpaper background on the display, the folder iconcorresponding to a folder that contains content, the content includingone or more selectable user interface objects. The method furtherincludes detecting a first input that corresponds to a request todisplay content of the folder; and in response to detecting the firstinput: dividing the wallpaper background into a first portion and asecond portion; moving the second portion away from the first portion;and displaying content of the folder in an area between the firstportion and the second portion.

In accordance with some embodiments, a graphical user interface on amultifunction device with a display, a memory, and one or moreprocessors to execute one or more programs stored in the memory includesa folder icon displayed over a wallpaper background on the display, thefolder icon corresponding to a folder that contains content, the contentincluding one or more selectable user interface objects. A first inputthat corresponds to a request to display content of the folder isdetected; and in response to detecting the first input: the wallpaperbackground is divided into a first portion and a second portion; thesecond portion is moved away from the first portion; and content of thefolder is displayed in an area between the first portion and the secondportion.

In accordance with some embodiments, a computer readable storage mediumhas stored therein instructions which when executed by a multifunctiondevice with a display, cause the device to: display a folder icon over awallpaper background on the display, the folder icon corresponding to afolder that contains content, the content including one or moreselectable user interface objects. The instructions further cause thedevice to detect a first input that corresponds to a request to displaycontent of the folder; and in response to detecting the first input:divide the wallpaper background into a first portion and a secondportion; move the second portion away from the first portion; anddisplay content of the folder in an area between the first portion andthe second portion.

In accordance with some embodiments, a multifunction device includes: adisplay; means for displaying a folder icon over a wallpaper backgroundon the display, the folder icon corresponding to a folder that containscontent, the content including one or more selectable user interfaceobjects. The device further includes means for detecting a first inputthat corresponds to a request to display content of the folder; andmeans, responsive to detecting the first input for: dividing thewallpaper background into a first portion and a second portion; movingthe second portion away from the first portion; and displaying contentof the folder in an area between the first portion and the secondportion.

In accordance with some embodiments, an information processing apparatusfor use in a multifunction device with a display includes: means fordisplaying a folder icon over a wallpaper background on the display, thefolder icon corresponding to a folder that contains content, the contentincluding one or more selectable user interface objects. The informationprocessing apparatus further includes means for detecting a first inputthat corresponds to a request to display content of the folder; andmeans, responsive to detecting the first input for: dividing thewallpaper background into a first portion and a second portion; movingthe second portion away from the first portion; and displaying contentof the folder in an area between the first portion and the secondportion.

In accordance with some embodiments, an electronic device includes adisplay, one or more processors, memory, and one or more programs. Theone or more programs are stored in the memory and configured to beexecuted by the one or more processors. The one or more programs includeinstructions for: concurrently displaying a plurality of selectable userinterface objects that includes one or more folder icons on the display.The one or more programs further include instructions for detecting afirst input that corresponds to a request to select a respective foldericon for a respective folder, the respective folder including a firstnumber of selectable icons divided between a plurality of distinctseparately displayed pages, including a first page and a second page.The one or more programs further include instructions for, in responseto detecting the first input, displaying a folder view for therespective folder. The folder view includes room to simultaneouslydisplay no more than a second number of selectable icons that is lessthan the first number of selectable icons. The folder view displays thefirst page that includes a first subset of the selectable icons in thefolder. The one or more programs further include instructions for, whiledisplaying the first page of the folder view, detecting a second inputthat corresponds to a request to display the second page of the folderview, and in response to detecting the second input, ceasing to displaythe first page of the folder view and displaying the second page of thefolder view for the respective folder. The second page of the folderview includes a second subset of the selectable icons different from thefirst subset of the selectable icons.

In accordance with some embodiments, a method is performed at amultifunction device with a display. The method includes: concurrentlydisplaying a plurality of selectable user interface objects thatincludes one or more folder icons on the display. The method furtherincludes detecting a first input that corresponds to a request to selecta respective folder icon for a respective folder, the respective folderincluding a first number of selectable icons divided between a pluralityof distinct separately displayed pages, including a first page and asecond page. The method further includes: in response to detecting thefirst input, displaying a folder view for the respective folder. Thefolder view includes room to simultaneously display no more than asecond number of selectable icons that is less than the first number ofselectable icons. The folder view displays the first page that includesa first subset of the selectable icons in the folder. The method furtherincludes: while displaying the first page of the folder view, detectinga second input that corresponds to a request to display the second pageof the folder view, and in response to detecting the second input,ceasing to display the first page of the folder view and displaying thesecond page of the folder view for the respective folder. The secondpage of the folder view includes a second subset of the selectable iconsdifferent from the first subset of the selectable icons.

In accordance with some embodiments, a graphical user interface on anelectronic device with a display, a memory, and one or more processorsto execute one or more programs stored in the memory includes aplurality of selectable user interface objects that includes one or morefolder icons concurrently displayed on the display. A first input isdetected that corresponds to a request to select a respective foldericon for a respective folder, the respective folder including a firstnumber of selectable icons divided between a plurality of distinctseparately displayed pages, including a first page and a second page. Inresponse to detecting the first input, a folder view for the respectivefolder is displayed. The folder view includes room to simultaneouslydisplay no more than a second number of selectable icons that is lessthan the first number of selectable icons. The folder view displays thefirst page that includes a first subset of the selectable icons in thefolder. While displaying the first page of the folder view, a secondinput is detected that corresponds to a request to display the secondpage of the folder view. In response to detecting the second input, thegraphical user interface is configured to cease displaying the firstpage of the folder view and display the second page of the folder viewfor the respective folder. The second page of the folder view includes asecond subset of the selectable icons different from the first subset ofthe selectable icons.

In accordance with some embodiments, a computer readable storage mediumhas stored therein instructions which when executed by an electronicdevice with a display, cause the device to: concurrently display aplurality of selectable user interface objects that includes one or morefolder icons on the display. The instructions further cause the deviceto detect a first input that corresponds to a request to select arespective folder icon for a respective folder, the respective folderincluding a first number of selectable icons divided between a pluralityof distinct separately displayed pages, including a first page and asecond page. The instructions further cause the device to, in responseto detecting the first input, display a folder view for the respectivefolder. The folder view includes room to simultaneously display no morethan a second number of selectable icons that is less than the firstnumber of selectable icons. The folder view displays the first page thatincludes a first subset of the selectable icons in the folder. Theinstructions further cause the device to, while displaying the firstpage of the folder view, detect a second input that corresponds to arequest to display the second page of the folder view, and in responseto detecting the second input, cease to display the first page of thefolder view and display the second page of the folder view for therespective folder. The second page of the folder view includes a secondsubset of the selectable icons different from the first subset of theselectable icons.

In accordance with some embodiments, an electronic device includes adisplay; means for concurrently displaying a plurality of selectableuser interface objects that includes one or more folder icons on thedisplay; means for detecting a first input that corresponds to a requestto select a respective folder icon for a respective folder, therespective folder including a first number of selectable icons dividedbetween a plurality of distinct separately displayed pages, including afirst page and a second page; and means, responsive to detecting thefirst input, for displaying a folder view for the respective folder,wherein: the folder view includes room to simultaneously display no morethan a second number of selectable icons that is less than the firstnumber of selectable icons; and the folder view displays the first pagethat includes a first subset of the selectable icons in the folder;means for, while displaying the first page of the folder view, detectinga second input that corresponds to a request to display the second pageof the folder view; and means, responsive to detecting the second input,for ceasing to display the first page of the folder view and displayingthe second page of the folder view for the respective folder, whereinthe second page of the folder view includes a second subset of theselectable icons different from the first subset of the selectableicons.

In accordance with some embodiments, an information processing apparatusfor use in an electronic device with a display includes means forconcurrently displaying a plurality of selectable user interface objectsthat includes one or more folder icons on the display; means fordetecting a first input that corresponds to a request to select arespective folder icon for a respective folder, the respective folderincluding a first number of selectable icons divided between a pluralityof distinct separately displayed pages, including a first page and asecond page; and means, responsive to detecting the first input, fordisplaying a folder view for the respective folder, wherein: the folderview includes room to simultaneously display no more than a secondnumber of selectable icons that is less than the first number ofselectable icons; and the folder view displays the first page thatincludes a first subset of the selectable icons in the folder; meansfor, while displaying the first page of the folder view, detecting asecond input that corresponds to a request to display the second page ofthe folder view; and means, responsive to detecting the second input,for ceasing to display the first page of the folder view and displayingthe second page of the folder view for the respective folder, whereinthe second page of the folder view includes a second subset of theselectable icons different from the first subset of the selectableicons.

In accordance with some embodiments, an electronic device includes adisplay unit configured to concurrently display a plurality ofselectable user interface objects that includes one or more foldericons; an input unit configured to receive a first input and a secondinput, wherein: the first input corresponds to a request to select arespective folder icon for a respective folder, the respective folderincluding a first number of selectable icons divided between a pluralityof distinct separately displayed pages in a folder view, including afirst page and a second page; and the second input correspond to arequest to display the second page; a processing unit coupled to thedisplay unit and the input unit, the processing unit configured to:detect the first input; in response to detecting the first input,display the folder view for the respective folder, wherein: the folderview includes room to simultaneously display no more than a secondnumber of selectable icons that is less than the first number ofselectable icons; and the folder view displays the first page thatincludes a first subset of the selectable icons in the folder; whiledisplaying the first page of the folder view, detect the second input;and in response to detecting the second input, cease to display thefirst page of the folder view and display the second page of the folderview for the respective folder, wherein the second page of the folderview includes a second subset of the selectable icons different from thefirst subset of the selectable icons.

Thus, multifunction devices with displays are provided with faster, moreefficient methods and interfaces for managing folders, therebyincreasing the effectiveness, efficiency, and user satisfaction withsuch devices. Such methods and interfaces may complement or replaceconventional methods for managing folders.

BRIEF DESCRIPTION OF THE DRAWINGS

For a better understanding of the aforementioned embodiments of theinvention as well as additional embodiments thereof, reference should bemade to the Description of Embodiments below, in conjunction with thefollowing drawings in which like reference numerals refer tocorresponding parts throughout the figures.

FIGS. 1A and 1B are block diagrams illustrating portable multifunctiondevices with touch-sensitive displays in accordance with someembodiments.

FIG. 1C is a block diagram illustrating exemplary components for eventhandling in accordance with some embodiments.

FIG. 2 illustrates a portable multifunction device having a touch screenin accordance with some embodiments.

FIG. 3 is a block diagram of an exemplary multifunction device with adisplay and a touch-sensitive surface in accordance with someembodiments.

FIGS. 4A and 4B illustrate exemplary user interfaces for a menu ofapplications on a portable multifunction device in accordance with someembodiments.

FIG. 4C illustrates an exemplary user interface for a multifunctiondevice with a touch-sensitive surface that is separate from the displayin accordance with some embodiments.

FIGS. 5A-5LLLL illustrate exemplary user interfaces for managing foldersin accordance with some embodiments.

FIGS. 6A-6E are flow diagrams illustrating a method of creating a newfolder in accordance with some embodiments.

FIGS. 7A-7C are flow diagrams illustrating a method of managing foldericons and action icons in accordance with some embodiments.

FIGS. 8A-8C are flow diagrams illustrating a method of naming a newfolder in accordance with some embodiments.

FIGS. 9A-9B are flow diagrams illustrating a method of adjusting anactivation region for a selectable user interface object in response toan icon management input in accordance with some embodiments.

FIGS. 10A-10B are flow diagrams illustrating a method of reconfiguringicons on a display in response to an icon management input in accordancewith some embodiments.

FIGS. 11A-11C are flow diagrams illustrating a method of updating adynamic folder icon to provide a visual indication as to the contents ofa folder associated with the dynamic folder icon in accordance with someembodiments.

FIGS. 12A-12E are flow diagrams illustrating a method of providingcontextual information in conjunction with displaying content of afolder in accordance with some embodiments.

FIGS. 13A-13E are flow diagrams illustrating a method of displaying andnavigating multi-page folders in accordance with some embodiments.

FIG. 14 is a functional block diagram of an electronic device inaccordance with some embodiments.

DESCRIPTION OF EMBODIMENTS

Reference will now be made in detail to embodiments, examples of whichare illustrated in the accompanying drawings. In the following detaileddescription, numerous specific details are set forth in order to providea thorough understanding of the present invention. However, it will beapparent to one of ordinary skill in the art that the present inventionmay be practiced without these specific details. In other instances,well-known methods, procedures, components, circuits, and networks havenot been described in detail so as not to unnecessarily obscure aspectsof the embodiments.

It will also be understood that, although the terms first, second, etc.may be used herein to describe various elements, these elements shouldnot be limited by these terms. These terms are only used to distinguishone element from another. For example, a first contact could be termed asecond contact, and, similarly, a second contact could be termed a firstcontact, without departing from the scope of the present invention. Thefirst contact and the second contact are both contacts, but they are notthe same contact.

The terminology used in the description of the invention herein is forthe purpose of describing particular embodiments only and is notintended to be limiting of the invention. As used in the description ofthe invention and the appended claims, the singular forms “a”, “an” and“the” are intended to include the plural forms as well, unless thecontext clearly indicates otherwise. It will also be understood that theterm “and/or” as used herein refers to and encompasses any and allpossible combinations of one or more of the associated listed items. Itwill be further understood that the terms “includes,” “including,”“comprises,” and/or “comprising,” when used in this specification,specify the presence of stated features, integers, steps, operations,elements, and/or components, but do not preclude the presence oraddition of one or more other features, integers, steps, operations,elements, components, and/or groups thereof.

As used herein, the term “if” may be construed to mean “when” or “upon”or “in response to determining” or “in response to detecting,” dependingon the context. Similarly, the phrase “if it is determined” or “if [astated condition or event] is detected” may be construed to mean “upondetermining” or “in response to determining” or “upon detecting [thestated condition or event]” or “in response to detecting [the statedcondition or event],” depending on the context.

As used herein, the term “resolution” of a display refers to the numberof pixels (also called “pixel counts” or “pixel resolution”) along eachaxis or in each dimension of the display. For example, a display mayhave a resolution of 320×480 pixels. Furthermore, as used herein, theterm “resolution” of a multifunction device refers to the resolution ofa display in the multifunction device. The term “resolution” does notimply any limitations on the size of each pixel or the spacing ofpixels. For example, compared to a first display with a 1024×768-pixelresolution, a second display with a 320×480-pixel resolution has a lowerresolution. However, it should be noted that the physical size of adisplay depends not only on the pixel resolution, but also on many otherfactors, including the pixel size and the spacing of pixels. Therefore,the first display may have the same, smaller, or larger physical size,compared to the second display.

As used herein, the term “video resolution” of a display refers to thedensity of pixels along each axis or in each dimension of the display.The video resolution is often measured in a dots-per-inch (DPI) unit,which counts the number of pixels that can be placed in a line withinthe span of one inch along a respective dimension of the display.

Embodiments of computing devices, user interfaces for such devices, andassociated processes for using such devices are described. In someembodiments, the computing device is a portable communications device,such as a mobile telephone, that also contains other functions, such asPDA and/or music player functions. Exemplary embodiments of portablemultifunction devices include, without limitation, the iPhone® and iPodTouch® devices from Apple Inc. of Cupertino, Calif. Other portabledevices, such as laptops or tablet computers with touch-sensitivesurfaces (e.g., touch screen displays and/or touch pads), may also beused. It should also be understood that, in some embodiments, the deviceis not a portable communications device, but is a desktop computer witha touch-sensitive surface (e.g., a touch screen display and/or a touchpad).

In the discussion that follows, a computing device that includes adisplay and a touch-sensitive surface is described. It should beunderstood, however, that the computing device may include one or moreother physical user-interface devices, such as a physical keyboard, amouse and/or a joystick.

The device supports a variety of applications, such as one or more ofthe following: a drawing application, a presentation application, a wordprocessing application, a website creation application, a disk authoringapplication, a spreadsheet application, a gaming application, atelephone application, a video conferencing application, an e-mailapplication, an instant messaging application, a workout supportapplication, a photo management application, a digital cameraapplication, a digital video camera application, a web browsingapplication, a digital music player application, and/or a digital videoplayer application.

The various applications that may be executed on the device may use atleast one common physical user-interface device, such as thetouch-sensitive surface. One or more functions of the touch-sensitivesurface as well as corresponding information displayed on the device maybe adjusted and/or varied from one application to the next and/or withina respective application. In this way, a common physical architecture(such as the touch-sensitive surface) of the device may support thevariety of applications with user interfaces that are intuitive andtransparent to the user.

The user interfaces may include one or more soft keyboard embodiments.The soft keyboard embodiments may include standard (QWERTY) and/ornon-standard configurations of symbols on the displayed icons of thekeyboard, such as those described in U.S. patent application Ser. No.11/459,606, “Keyboards For Portable Electronic Devices,” filed Jul. 24,2006, and Ser. No. 11/459,615, “Touch Screen Keyboards For PortableElectronic Devices,” filed Jul. 24, 2006, the contents of which arehereby incorporated by reference in their entireties. The keyboardembodiments may include a reduced number of icons (or soft keys)relative to the number of keys in existing physical keyboards, such asthat for a typewriter. This may make it easier for users to select oneor more icons in the keyboard, and thus, one or more correspondingsymbols. The keyboard embodiments may be adaptive. For example,displayed icons may be modified in accordance with user actions, such asselecting one or more icons and/or one or more corresponding symbols.One or more applications on the device may utilize common and/ordifferent keyboard embodiments. Thus, the keyboard embodiment used maybe tailored to at least some of the applications. In some embodiments,one or more keyboard embodiments may be tailored to a respective user.For example, one or more keyboard embodiments may be tailored to arespective user based on a word usage history (lexicography, slang,individual usage) of the respective user. Some of the keyboardembodiments may be adjusted to reduce a probability of a user error whenselecting one or more icons, and thus one or more symbols, when usingthe soft keyboard embodiments.

Attention is now directed toward embodiments of portable devices withtouch-sensitive displays. Figures A and 1B are block diagramsillustrating portable multifunction devices 100 with touch-sensitivedisplays 112 in accordance with some embodiments. Touch-sensitivedisplay 112 is sometimes called a “touch screen” for convenience, andmay also be known as or called a touch-sensitive display system. Device100 may include memory 102 (which may include one or more computerreadable storage mediums), memory controller 122, one or more processingunits (CPU's) 120, peripherals interface 118, RF circuitry 108, audiocircuitry 110, speaker 111, microphone 113, input/output (I/O) subsystem106, other input or control devices 116, and external port 124. Device100 may include one or more optical sensors 164. These components maycommunicate over one or more communication buses or signal lines 103.

It should be appreciated that device 100 is only one example of aportable multifunction device, and that device 100 may have more orfewer components than shown, may combine two or more components, or mayhave a different configuration or arrangement of the components. Thevarious components shown in FIGS. 1A and 1B may be implemented inhardware, software, or a combination of both hardware and software,including one or more signal processing and/or application specificintegrated circuits.

Memory 102 may include high-speed random access memory and may alsoinclude non-volatile memory, such as one or more magnetic disk storagedevices, flash memory devices, or other non-volatile solid-state memorydevices. Access to memory 102 by other components of device 100, such asCPU 120 and the peripherals interface 118, may be controlled by memorycontroller 122.

Peripherals interface 118 can be used to couple input and outputperipherals of the device to CPU 120 and memory 102. The one or moreprocessors 120 run or execute various software programs and/or sets ofinstructions stored in memory 102 to perform various functions fordevice 100 and to process data.

In some embodiments, peripherals interface 118, CPU 120, and memorycontroller 122 may be implemented on a single chip, such as chip 104. Insome other embodiments, they may be implemented on separate chips.

RF (radio frequency) circuitry 108 receives and sends RF signals, alsocalled electromagnetic signals. RF circuitry 108 converts electricalsignals to/from electromagnetic signals and communicates withcommunications networks and other communications devices via theelectromagnetic signals. RF circuitry 108 may include well-knowncircuitry for performing these functions, including but not limited toan antenna system, an RF transceiver, one or more amplifiers, a tuner,one or more oscillators, a digital signal processor, a CODEC chipset, asubscriber identity module (SIM) card, memory, and so forth. RFcircuitry 108 may communicate with networks, such as the Internet, alsoreferred to as the World Wide Web (WWW), an intranet and/or a wirelessnetwork, such as a cellular telephone network, a wireless local areanetwork (LAN) and/or a metropolitan area network (MAN), and otherdevices by wireless communication. The wireless communication may useany of a plurality of communications standards, protocols andtechnologies, including but not limited to Global System for MobileCommunications (GSM), Enhanced Data GSM Environment (EDGE), high-speeddownlink packet access (HSDPA), wideband code division multiple access(W-CDMA), code division multiple access (CDMA), time division multipleaccess (TDMA), Bluetooth, Wireless Fidelity (Wi-Fi) (e.g., IEEE 802.11a,IEEE 802.11b, IEEE 802.11g and/or IEEE 802.11n), voice over InternetProtocol (VoIP), Wi-MAX, a protocol for e-mail (e.g., Internet messageaccess protocol (IMAP) and/or post office protocol (POP)), instantmessaging (e.g., extensible messaging and presence protocol (XMPP),Session Initiation Protocol for Instant Messaging and PresenceLeveraging Extensions (SIMPLE), Instant Messaging and Presence Service(IMPS)), and/or Short Message Service (SMS), or any other suitablecommunication protocol, including communication protocols not yetdeveloped as of the filing date of this document.

Audio circuitry 110, speaker 111, and microphone 113 provide an audiointerface between a user and device 100. Audio circuitry 110 receivesaudio data from peripherals interface 118, converts the audio data to anelectrical signal, and transmits the electrical signal to speaker 111.Speaker 111 converts the electrical signal to human-audible sound waves.Audio circuitry 110 also receives electrical signals converted bymicrophone 113 from sound waves. Audio circuitry 110 converts theelectrical signal to audio data and transmits the audio data toperipherals interface 118 for processing. Audio data may be retrievedfrom and/or transmitted to memory 102 and/or RF circuitry 108 byperipherals interface 118. In some embodiments, audio circuitry 110 alsoincludes a headset jack (e.g., 212, FIG. 2). The headset jack providesan interface between audio circuitry 110 and removable audioinput/output peripherals, such as output-only headphones or a headsetwith both output (e.g., a headphone for one or both ears) and input(e.g., a microphone).

I/O subsystem 106 couples input/output peripherals on device 100, suchas touch screen 112 and other input control devices 116, to peripheralsinterface 118. I/O subsystem 106 may include display controller 156 andone or more input controllers 160 for other input or control devices.The one or more input controllers 160 receive/send electrical signalsfrom/to other input or control devices 116. The other input controldevices 116 may include physical buttons (e.g., push buttons, rockerbuttons, etc.), dials, slider switches, joysticks, click wheels, and soforth. In some alternate embodiments, input controller(s) 160 may becoupled to any (or none) of the following: a keyboard, infrared port,USB port, and a pointer device such as a mouse. The one or more buttons(e.g., 208, FIG. 2) may include an up/down button for volume control ofspeaker 111 and/or microphone 113. The one or more buttons may include apush button (e.g., 206, FIG. 2). A quick press of the push button maydisengage a lock of touch screen 112 or begin a process that usesgestures on the touch screen to unlock the device, as described in U.S.patent application Ser. No. 11/322,549, “Unlocking a Device byPerforming Gestures on an Unlock Image,” filed Dec. 23, 2005, which ishereby incorporated by reference in its entirety. A longer press of thepush button (e.g., 206) may turn power to device 100 on or off. The usermay be able to customize a functionality of one or more of the buttons.Touch screen 112 is used to implement virtual or soft buttons and one ormore soft keyboards.

Touch-sensitive display 112 provides an input interface and an outputinterface between the device and a user. Display controller 156 receivesand/or sends electrical signals from/to touch screen 112. Touch screen112 displays visual output to the user. The visual output may includegraphics, text, icons, video, and any combination thereof (collectivelytermed “graphics”). In some embodiments, some or all of the visualoutput may correspond to user-interface objects.

Touch screen 112 has a touch-sensitive surface, sensor or set of sensorsthat accepts input from the user based on haptic and/or tactile contact.Touch screen 112 and display controller 156 (along with any associatedmodules and/or sets of instructions in memory 102) detect contact (andany movement or breaking of the contact) on touch screen 112 andconverts the detected contact into interaction with user-interfaceobjects (e.g., one or more soft keys, icons, web pages or images) thatare displayed on touch screen 112. In an exemplary embodiment, a pointof contact between touch screen 112 and the user corresponds to a fingerof the user.

Touch screen 112 may use LCD (liquid crystal display) technology, LPD(light emitting polymer display) technology, or LED (light emittingdiode) technology, although other display technologies may be used inother embodiments. Touch screen 112 and display controller 156 maydetect contact and any movement or breaking thereof using any of aplurality of touch sensing technologies now known or later developed,including but not limited to capacitive, resistive, infrared, andsurface acoustic wave technologies, as well as other proximity sensorarrays or other elements for determining one or more points of contactwith touch screen 112. In an exemplary embodiment, projected mutualcapacitance sensing technology is used, such as that found in theiPhone® and iPod Touch® from Apple Inc. of Cupertino, Calif.

A touch-sensitive display in some embodiments of touch screen 112 may beanalogous to the multi-touch sensitive touchpads described in thefollowing U.S. Pat. No. 6,323,846 (Westerman et al.), U.S. Pat. No.6,570,557 (Westerman et al.), and/or U.S. Pat. No. 6,677,932(Westerman), and/or U.S. Patent Publication 2002/0015024A, each of whichis hereby incorporated by reference in its entirety. However, touchscreen 112 displays visual output from portable device 100, whereastouch sensitive touchpads do not provide visual output.

A touch-sensitive display in some embodiments of touch screen 112 may beas described in the following applications: (1) U.S. patent applicationSer. No. 11/381,313, “Multipoint Touch Surface Controller,” filed May 2,2006; (2) U.S. patent application Ser. No. 10/840,862, “MultipointTouchscreen,” filed May 6, 2004; (3) U.S. patent application Ser. No.10/903,964, “Gestures For Touch Sensitive Input Devices.” filed Jul. 30,2004; (4) U.S. patent application Ser. No. 11/048,264, “Gestures ForTouch Sensitive Input Devices,” filed Jan. 31, 2005; (5) U.S. patentapplication Ser. No. 11/038,590, “Mode-Based Graphical User InterfacesFor Touch Sensitive Input Devices,” filed Jan. 18, 2005; (6) U.S. patentapplication Ser. No. 11/228,758, “Virtual Input Device Placement On ATouch Screen User Interface,” filed Sep. 16, 2005; (7) U.S. patentapplication Ser. No. 11/228,700, “Operation Of A Computer With A TouchScreen Interface,” filed Sep. 16, 2005; (8) U.S. patent application Ser.No. 11/228,737, “Activating Virtual Keys Of A Touch-Screen VirtualKeyboard,” filed Sep. 16, 2005; and (9) U.S. patent application Ser. No.11/367,749, “Multi-Functional Hand-Held Device,” filed Mar. 3, 2006. Allof these applications are incorporated by reference herein in theirentirety.

Touch screen 112 may have a video resolution in excess of 100 dpi. Insome embodiments, the touch screen has a video resolution ofapproximately 160 dpi. The user may make contact with touch screen 112using any suitable object or appendage, such as a stylus, a finger, andso forth. In some embodiments, the user interface is designed to workprimarily with finger-based contacts and gestures, which can be lessprecise than stylus-based input due to the larger area of contact of afinger on the touch screen. In some embodiments, the device translatesthe rough finger-based input into a precise pointer/cursor position orcommand for performing the actions desired by the user.

In some embodiments, in addition to the touch screen, device 100 mayinclude a touchpad (not shown) for activating or deactivating particularfunctions. In some embodiments, the touchpad is a touch-sensitive areaof the device that, unlike the touch screen, does not display visualoutput. The touchpad may be a touch-sensitive surface that is separatefrom touch screen 112 or an extension of the touch-sensitive surfaceformed by the touch screen.

In some embodiments, device 100 may include a physical or virtual wheel(e.g., a click wheel) as input control device 116. A user may navigateamong and interact with one or more graphical objects (e.g., icons)displayed in touch screen 112 by rotating the click wheel or by moving apoint of contact with the click wheel (e.g., where the amount ofmovement of the point of contact is measured by its angular displacementwith respect to a center point of the click wheel). The click wheel mayalso be used to select one or more of the displayed icons. For example,the user may press down on at least a portion of the click wheel or anassociated button. User commands and navigation commands provided by theuser via the click wheel may be processed by input controller 160 aswell as one or more of the modules and/or sets of instructions in memory102. For a virtual click wheel, the click wheel and click wheelcontroller may be part of touch screen 112 and display controller 156,respectively. For a virtual click wheel, the click wheel may be eitheran opaque or semitransparent object that appears and disappears on thetouch screen display in response to user interaction with the device. Insome embodiments, a virtual click wheel is displayed on the touch screenof a portable multifunction device and operated by user contact with thetouch screen.

Device 100 also includes power system 162 for powering the variouscomponents. Power system 162 may include a power management system, oneor more power sources (e.g., battery, alternating current (AC)), arecharging system, a power failure detection circuit, a power converteror inverter, a power status indicator (e.g., a light-emitting diode(LED)) and any other components associated with the generation,management and distribution of power in portable devices.

Device 100 may also include one or more optical sensors 164. FIGS. 1Aand 1B show an optical sensor coupled to optical sensor controller 158in I/O subsystem 106. Optical sensor 164 may include charge-coupleddevice (CCD) or complementary metal-oxide semiconductor (CMOS)phototransistors. Optical sensor 164 receives light from theenvironment, projected through one or more lens, and converts the lightto data representing an image. In conjunction with imaging module 143(also called a camera module), optical sensor 164 may capture stillimages or video. In some embodiments, an optical sensor is located onthe back of device 100, opposite touch screen display 112 on the frontof the device, so that the touch screen display may be used as aviewfinder for still and/or video image acquisition. In someembodiments, an optical sensor is located on the front of the device sothat the user's image may be obtained for videoconferencing while theuser views the other video conference participants on the touch screendisplay. In some embodiments, the position of optical sensor 164 can bechanged by the user (e.g., by rotating the lens and the sensor in thedevice housing) so that a single optical sensor 164 may be used alongwith the touch screen display for both video conferencing and stilland/or video image acquisition.

Device 100 may also include one or more proximity sensors 166. FIGS. 1Aand 1B show proximity sensor 166 coupled to peripherals interface 118.Alternately, proximity sensor 166 may be coupled to input controller 160in I/O subsystem 106. Proximity sensor 166 may perform as described inU.S. patent application Ser. No. 11/241,839. “Proximity Detector InHandheld Device”; Ser. No. 11/240,788, “Proximity Detector In HandheldDevice”; Ser. No. 11/620,702, “Using Ambient Light Sensor To AugmentProximity Sensor Output”; Ser. No. 11/586,862, “Automated Response ToAnd Sensing Of User Activity In Portable Devices”; and Ser. No.11/638,251, “Methods And Systems For Automatic Configuration OfPeripherals,” which are hereby incorporated by reference in theirentirety. In some embodiments, the proximity sensor turns off anddisables touch screen 112 when the multifunction device is placed nearthe user's ear (e.g., when the user is making a phone call).

Device 100 may also include one or more accelerometers 168. FIGS. 1A and1B show accelerometer 168 coupled to peripherals interface 118.Alternately, accelerometer 168 may be coupled to an input controller 160in I/O subsystem 106. Accelerometer 168 may perform as described in U.S.Patent Publication No. 20050190059, “Acceleration-based Theft DetectionSystem for Portable Electronic Devices,” and U.S. Patent Publication No.20060017692, “Methods And Apparatuses For Operating A Portable DeviceBased On An Accelerometer,” both of which are which are incorporated byreference herein in their entirety. In some embodiments, information isdisplayed on the touch screen display in a portrait view or a landscapeview based on an analysis of data received from the one or moreaccelerometers. Device 100 optionally includes, in addition toaccelerometer(s) 168, a magnetometer (not shown) and a GPS (or GLONASSor other global navigation system) receiver (not shown) for obtaininginformation concerning the location and orientation (e.g., portrait orlandscape) of device 100.

In some embodiments, the software components stored in memory 102include operating system 126, communication module (or set ofinstructions) 128, contact/motion module (or set of instructions) 130,graphics module (or set of instructions) 132, text input module (or setof instructions) 134, Global Positioning System (GPS) module (or set ofinstructions) 135, and applications (or sets of instructions) 136.Furthermore, in some embodiments memory 102 stores device/globalinternal state 157, as shown in FIGS. 1A, 1B and 3. Device/globalinternal state 157 includes one or more of: active application state,indicating which applications, if any, are currently active; displaystate, indicating what applications, views or other information occupyvarious regions of touch screen display 112; sensor state, includinginformation obtained from the device's various sensors and input controldevices 116; and location information concerning the device's locationand/or attitude.

Operating system 126 (e.g., Darwin, RTXC, LINUX, UNIX, OS X, WINDOWS, oran embedded operating system such as VxWorks) includes various softwarecomponents and/or drivers for controlling and managing general systemtasks (e.g., memory management, storage device control, powermanagement, etc.) and facilitates communication between various hardwareand software components.

Communication module 128 facilitates communication with other devicesover one or more external ports 124 and also includes various softwarecomponents for handling data received by RF circuitry 108 and/orexternal port 124. External port 124 (e.g., Universal Serial Bus (USB),FIREWIRE, etc.) is adapted for coupling directly to other devices orindirectly over a network (e.g., the Internet, wireless LAN, etc.). Insome embodiments, the external port is a multi-pin (e.g., 30-pin)connector that is the same as, or similar to and/or compatible with the30-pin connector used on iPod (trademark of Apple Inc.) devices.

Contact/motion module 130 may detect contact with touch screen 112 (inconjunction with display controller 156) and other touch sensitivedevices (e.g., a touchpad or physical click wheel). Contact/motionmodule 130 includes various software components for performing variousoperations related to detection of contact, such as determining ifcontact has occurred (e.g., detecting a finger-down event), determiningif there is movement of the contact and tracking the movement across thetouch-sensitive surface (e.g., detecting one or more finger-draggingevents), and determining if the contact has ceased (e.g., detecting afinger-up event or a break in contact). Contact/motion module 130receives contact data from the touch-sensitive surface. Determiningmovement of the point of contact, which is represented by a series ofcontact data, may include determining speed (magnitude), velocity(magnitude and direction), and/or an acceleration (a change in magnitudeand/or direction) of the point of contact. These operations may beapplied to single contacts (e.g., one finger contacts) or to multiplesimultaneous contacts (e.g., “multitouch”/multiple finger contacts). Insome embodiments, contact/motion module 130 and display controller 156detects contact on a touchpad. In some embodiments, contact/motionmodule 130 and controller 160 detects contact on a click wheel.

Contact/motion module 130 may detect a gesture input by a user.Different gestures on the touch-sensitive surface have different contactpatterns. Thus, a gesture may be detected by detecting a particularcontact pattern. For example, detecting a finger tap gesture includesdetecting a finger-down event followed by detecting a finger-up (liftoff) event at the same position (or substantially the same position) asthe finger-down event (e.g., at the position of an icon). As anotherexample, detecting a finger swipe gesture on the touch-sensitive surfaceincludes detecting a finger-down event followed by detecting one or morefinger-dragging events, and subsequently followed by detecting afinger-up (lift off) event.

Graphics module 132 includes various known software components forrendering and displaying graphics on touch screen 112 or other display,including components for changing the intensity of graphics that aredisplayed. As used herein, the term “graphics” includes any object thatcan be displayed to a user, including without limitation text, webpages, icons (such as user-interface objects including soft keys),digital images, videos, animations and the like.

In some embodiments, graphics module 132 stores data representinggraphics to be used. Each graphic may be assigned a corresponding code.Graphics module 132 receives, from applications etc., one or more codesspecifying graphics to be displayed along with, if necessary, coordinatedata and other graphic property data, and then generates screen imagedata to output to display controller 156.

Text input module 134, which may be a component of graphics module 132,provides soft keyboards for entering text in various applications (e.g.,contacts 137, e-mail 140, IM 141, browser 147, and any other applicationthat needs text input).

GPS module 135 determines the location of the device and provides thisinformation for use in various applications (e.g., to telephone 138 foruse in location-based dialing, to camera 143 as picture/video metadata,and to applications that provide location-based services such as weatherwidgets, local yellow page widgets, and map/navigation widgets).

Applications 136 may include the following modules (or sets ofinstructions), or a subset or superset thereof:

-   -   contacts module 137 (sometimes called an address book or contact        list);    -   telephone module 138;    -   video conferencing module 139;    -   e-mail client module 140;    -   instant messaging (IM) module 141;    -   workout support module 142;    -   camera module 143 for still and/or video images;    -   image management module 144;    -   video player module 145;    -   music player module 146;    -   browser module 147;    -   calendar module 148;    -   widget modules 149, which may include one or more of weather        widget 149-1, stocks widget 149-2, calculator widget 149-3,        alarm clock widget 149-4, dictionary widget 149-5, and other        widgets obtained by the user, as well as user-created widgets        149-6;    -   widget creator module 150 for making user-created widgets 149-6;    -   search module 151;    -   video and music player module 152, which merges video player        module 145 and music player module 146;    -   notes module 153;    -   map module 154; and/or    -   online video module 155.

Examples of other applications 136 that may be stored in memory 102include other word processing applications, other image editingapplications, drawing applications, presentation applications,JAVA-enabled applications, encryption, digital rights management, voicerecognition, and voice replication.

In conjunction with touch screen 112, display controller 156, contactmodule 130, graphics module 132, and text input module 134, contactsmodule 137 may be used to manage an address book or contact list (e.g.,stored in application internal state 192 of contacts module 137 inmemory 102 or memory 370), including: adding name(s) to the addressbook; deleting name(s) from the address book; associating telephonenumber(s), e-mail address(es), physical address(es) or other informationwith a name; associating an image with a name; categorizing and sortingnames; providing telephone numbers or e-mail addresses to initiateand/or facilitate communications by telephone 138, video conference 139,e-mail 140, or IM 141; and so forth.

In conjunction with RF circuitry 108, audio circuitry 110, speaker 111,microphone 113, touch screen 112, display controller 156, contact module130, graphics module 132, and text input module 134, telephone module138 may be used to enter a sequence of characters corresponding to atelephone number, access one or more telephone numbers in address book137, modify a telephone number that has been entered, dial a respectivetelephone number, conduct a conversation and disconnect or hang up whenthe conversation is completed. As noted above, the wirelesscommunication may use any of a plurality of communications standards,protocols and technologies.

In conjunction with RF circuitry 108, audio circuitry 110, speaker 111,microphone 113, touch screen 112, display controller 156, optical sensor164, optical sensor controller 158, contact module 130, graphics module132, text input module 134, contact list 137, and telephone module 138,videoconferencing module 139 includes executable instructions toinitiate, conduct, and terminate a video conference between a user andone or more other participants in accordance with user instructions.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact module 130, graphics module 132, and text inputmodule 134, e-mail client module 140 includes executable instructions tocreate, send, receive, and manage e-mail in response to userinstructions. In conjunction with image management module 144, e-mailclient module 140 makes it very easy to create and send e-mails withstill or video images taken with camera module 143.

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact module 130, graphics module 132, and text inputmodule 134, the instant messaging module 141 includes executableinstructions to enter a sequence of characters corresponding to aninstant message, to modify previously entered characters, to transmit arespective instant message (for example, using a Short Message Service(SMS) or Multimedia Message Service (MMS) protocol for telephony-basedinstant messages or using XMPP, SIMPLE, or IMPS for Internet-basedinstant messages), to receive instant messages and to view receivedinstant messages. In some embodiments, transmitted and/or receivedinstant messages may include graphics, photos, audio files, video filesand/or other attachments as are supported in a MMS and/or an EnhancedMessaging Service (EMS). As used herein, “instant messaging” refers toboth telephony-based messages (e.g., messages sent using SMS or MMS) andInternet-based messages (e.g., messages sent using XMPP, SIMPLE, orIMPS).

In conjunction with RF circuitry 108, touch screen 112, displaycontroller 156, contact module 130, graphics module 132, text inputmodule 134, GPS module 135, map module 154, and music player module 146,workout support module 142 includes executable instructions to createworkouts (e.g., with time, distance, and/or calorie burning goals);communicate with workout sensors (sports devices); receive workoutsensor data; calibrate sensors used to monitor a workout; select andplay music for a workout; and display, store and transmit workout data.

In conjunction with touch screen 112, display controller 156, opticalsensor(s) 164, optical sensor controller 158, contact module 130,graphics module 132, and image management module 144, camera module 143includes executable instructions to capture still images or video(including a video stream) and store them into memory 102, modifycharacteristics of a still image or video, or delete a still image orvideo from memory 102.

In conjunction with touch screen 112, display controller 156, contactmodule 130, graphics module 132, text input module 134, and cameramodule 143, image management module 144 includes executable instructionsto arrange, modify (e.g., edit), or otherwise manipulate, label, delete,present (e.g., in a digital slide show or album), and store still and/orvideo images.

In conjunction with touch screen 112, display controller 156, contactmodule 130, graphics module 132, audio circuitry 110, and speaker 111,video player module 145 includes executable instructions to display,present or otherwise play back videos (e.g., on touch screen 112 or onan external, connected display via external port 124).

In conjunction with touch screen 112, display system controller 156,contact module 130, graphics module 132, audio circuitry 110, speaker111, RF circuitry 108, and browser module 147, music player module 146includes executable instructions that allow the user to download andplay back recorded music and other sound files stored in one or morefile formats, such as MP3 or AAC files. In some embodiments, device 100may include the functionality of an MP3 player, such as an iPod(trademark of Apple Inc.).

In conjunction with RF circuitry 108, touch screen 112, display systemcontroller 156, contact module 130, graphics module 132, and text inputmodule 134, browser module 147 includes executable instructions tobrowse the Internet in accordance with user instructions, includingsearching, linking to, receiving, and displaying web pages or portionsthereof, as well as attachments and other files linked to web pages.

In conjunction with RF circuitry 108, touch screen 112, display systemcontroller 156, contact module 130, graphics module 132, text inputmodule 134, e-mail client module 140, and browser module 147, calendarmodule 148 includes executable instructions to create, display, modify,and store calendars and data associated with calendars (e.g., calendarentries, to do lists, etc.) in accordance with user instructions.

In conjunction with RF circuitry 108, touch screen 112, display systemcontroller 156, contact module 130, graphics module 132, text inputmodule 134, and browser module 147, widget modules 149 aremini-applications that may be downloaded and used by a user (e.g.,weather widget 149-1, stocks widget 149-2, calculator widget 149-3,alarm clock widget 1494, and dictionary widget 149-5) or created by theuser (e.g., user-created widget 149-6). In some embodiments, a widgetincludes an HTML (Hypertext Markup Language) file, a CSS (CascadingStyle Sheets) file, and a JavaScript file. In some embodiments, a widgetincludes an XML (Extensible Markup Language) file and a JavaScript file(e.g., Yahoo! Widgets).

In conjunction with RF circuitry 108, touch screen 112, display systemcontroller 156, contact module 130, graphics module 132, text inputmodule 134, and browser module 147, the widget creator module 150 may beused by a user to create widgets (e.g., turning a user-specified portionof a web page into a widget).

In conjunction with touch screen 112, display system controller 156,contact module 130, graphics module 132, and text input module 134,search module 151 includes executable instructions to search for text,music, sound, image, video, and/or other files in memory 102 that matchone or more search criteria (e.g., one or more user-specified searchterms) in accordance with user instructions.

In conjunction with touch screen 112, display controller 156, contactmodule 130, graphics module 132, and text input module 134, notes module153 includes executable instructions to create and manage notes, to dolists, and the like in accordance with user instructions.

In conjunction with RF circuitry 108, touch screen 112, display systemcontroller 156, contact module 130, graphics module 132, text inputmodule 134, GPS module 135, and browser module 147, map module 154 maybe used to receive, display, modify, and store maps and data associatedwith maps (e.g., driving directions; data on stores and other points ofinterest at or near a particular location; and other location-baseddata) in accordance with user instructions.

In conjunction with touch screen 112, display system controller 156,contact module 130, graphics module 132, audio circuitry 110, speaker111, RF circuitry 108, text input module 134, e-mail client module 140,and browser module 147, online video module 155 includes instructionsthat allow the user to access, browse, receive (e.g., by streamingand/or download), play back (e.g., on the touch screen or on anexternal, connected display via external port 124), send an e-mail witha link to a particular online video, and otherwise manage online videosin one or more file formats, such as H.264. In some embodiments, instantmessaging module 141, rather than e-mail client module 140, is used tosend a link to a particular online video. Additional description of theonline video application can be found in U.S. Provisional PatentApplication No. 60/936,562, “Portable Multifunction Device, Method, andGraphical User Interface for Playing Online Videos,” filed Jun. 20,2007, and U.S. patent application Ser. No. 11/968,067, “PortableMultifunction Device, Method, and Graphical User Interface for PlayingOnline Videos.” filed Dec. 31, 2007, the content of which is herebyincorporated by reference in its entirety.

Each of the above identified modules and applications correspond to aset of executable instructions for performing one or more functionsdescribed above and the methods described in this application (e.g., thecomputer-implemented methods and other information processing methodsdescribed herein). These modules (i.e., sets of instructions) need notbe implemented as separate software programs, procedures or modules, andthus various subsets of these modules may be combined or otherwisere-arranged in various embodiments. For example, video player module 145may be combined with music player module 146 into a single module (e.g.,video and music player module 152, FIG. 1B). In some embodiments, memory102 may store a subset of the modules and data structures identifiedabove. Furthermore, memory 102 may store additional modules and datastructures not described above.

In some embodiments, device 100 is a device where operation of apredefined set of functions on the device is performed exclusivelythrough a touch screen and/or a touchpad. By using a touch screen and/ora touchpad as the primary input control device for operation of device100, the number of physical input control devices (such as push buttons,dials, and the like) on device 100 may be reduced.

The predefined set of functions that may be performed exclusivelythrough a touch screen and/or a touchpad include navigation between userinterfaces. In some embodiments, the touchpad, when touched by the user,navigates device 100 to a main, home, or root menu from any userinterface that may be displayed on device 100. In such embodiments, thetouchpad may be referred to as a “menu button.” In some otherembodiments, the menu button may be a physical push button or otherphysical input control device instead of a touchpad.

FIG. 1C is a block diagram illustrating exemplary components for eventhandling in accordance with some embodiments. In some embodiments,memory 102 (in FIGS. 1A and 1B) or 370 (FIG. 3) includes event sorter170 (e.g., in operating system 126) and a respective application 136-1(e.g., any of the aforementioned applications 137-151, 155, 380-390).

Event sorter 170 receives event information and determines theapplication 136-1 and application view 191 of application 136-1 to whichto deliver the event information. Event sorter 170 includes eventmonitor 171 and event dispatcher module 174. In some embodiments,application 136-1 includes application internal state 192, whichindicates the current application view(s) displayed on touch sensitivedisplay 112 when the application is active or executing. In someembodiments, device/global internal state 157 is used by event sorter170 to determine which application(s) is(are) currently active, andapplication internal state 192 is used by event sorter 170 to determineapplication views 191 to which to deliver event information.

In some embodiments, application internal state 192 includes additionalinformation, such as one or more of, resume information to be used whenapplication 136-1 resumes execution, user interface state informationthat indicates information being displayed or that is ready for displayby application 136-1, a state queue for enabling the user to go back toa prior state or view of application 136-1, and a redo/undo queue ofprevious actions taken by the user.

Event monitor 171 receives event information from peripherals interface118. Event information includes information about a sub-event (e.g., auser touch on touch-sensitive display 112, as part of a multi-touchgesture). Peripherals interface 118 transmits information it receivesfrom I/O subsystem 106 or a sensor, such as proximity sensor 166,accelerometer(s) 168, and/or microphone 113 (through audio circuitry110). Information that peripherals interface 118 receives from I/Osubsystem 106 includes information from touch-sensitive display 112 or atouch-sensitive surface.

In some embodiments, event monitor 171 sends requests to the peripheralsinterface 118 at predetermined intervals. In response, peripheralsinterface 118 transmits event information. In other embodiments,peripheral interface 118 transmits event information only when there isa significant event (e.g., receiving an input above a predeterminednoise threshold and/or for more than a predetermined duration).

In some embodiments, event sorter 170 also includes a hit viewdetermination module 172 and/or an active event recognizer determinationmodule 173.

Hit view determination module 172 provides software procedures fordetermining where a sub-event has taken place within one or more views,when touch sensitive display 112 displays more than one view. Views aremade up of controls and other elements that a user can see on thedisplay.

Another aspect of the user interface associated with an application is aset of views, sometimes herein called application views or userinterface windows, in which information is displayed and touch-basedgestures occur. The application views (of a respective application) inwhich a touch is detected may correspond to programmatic levels within aprogrammatic or view hierarchy of the application. For example, thelowest level view in which a touch is detected may be called the hitview, and the set of events that are recognized as proper inputs may bedetermined based, at least in part, on the hit view of the initial touchthat begins a touch-based gesture.

Hit view determination module 172 receives information related tosub-events of a touch-based gesture. When an application has multipleviews organized in a hierarchy, hit view determination module 172identifies a hit view as the lowest view in the hierarchy which shouldhandle the sub-event. In most circumstances, the hit view is the lowestlevel view in which an initiating sub-event occurs (i.e., the firstsub-event in the sequence of sub-events that form an event or potentialevent). Once the hit view is identified by the hit view determinationmodule, the hit view typically receives all sub-events related to thesame touch or input source for which it was identified as the hit view.

Active event recognizer determination module 173 determines which viewor views within a view hierarchy should receive a particular sequence ofsub-events. In some embodiments, active event recognizer determinationmodule 173 determines that only the hit view should receive a particularsequence of sub-events. In other embodiments, active event recognizerdetermination module 173 determines that all views that include thephysical location of a sub-event are actively involved views, andtherefore determines that all actively involved views should receive aparticular sequence of sub-events. In other embodiments, even if touchsub-events were entirely confined to the area associated with oneparticular view, views higher in the hierarchy would still remain asactively involved views.

Event dispatcher module 174 dispatches the event information to an eventrecognizer (e.g., event recognizer 180). In embodiments including activeevent recognizer determination module 173, event dispatcher module 174delivers the event information to an event recognizer determined byactive event recognizer determination module 173. In some embodiments,event dispatcher module 174 stores in an event queue the eventinformation, which is retrieved by a respective event receiver module182.

In some embodiments, operating system 126 includes event sorter 170.Alternatively, application 136-1 includes event sorter 170. In yet otherembodiments, event sorter 170 is a stand-alone module, or a part ofanother module stored in memory 102, such as contact/motion module 130.

In some embodiments, application 136-1 includes a plurality of eventhandlers 190 and one or more application views 191, each of whichincludes instructions for handling touch events that occur within arespective view of the application's user interface. Each applicationview 191 of the application 136-1 includes one or more event recognizers180. Typically, a respective application view 191 includes a pluralityof event recognizers 180. In other embodiments, one or more of eventrecognizers 180 are part of a separate module, such as a user interfacekit (not shown) or a higher level object from which application 136-1inherits methods and other properties. In some embodiments, a respectiveevent handler 190 includes one or more of: data updater 176, objectupdater 177, GUI updater 178, and/or event data 179 received from eventsorter 170. Event handler 190 may utilize or call data updater 176,object updater 177 or GUI updater 178 to update the application internalstate 192. Alternatively, one or more of the application views 191includes one or more respective event handlers 190. Also, in someembodiments, one or more of data updater 176, object updater 177, andGUI updater 178 are included in a respective application view 191.

A respective event recognizer 180 receives event information (e.g.,event data 179) from event sorter 170, and identifies an event from theevent information. Event recognizer 180 includes event receiver 182 andevent comparator 184. In some embodiments, event recognizer 180 alsoincludes at least a subset of: metadata 183, and event deliveryinstructions 188 (which may include sub-event delivery instructions).

Event receiver 182 receives event information from event sorter 170. Theevent information includes information about a sub-event, for example, atouch or a touch movement. Depending on the sub-event, the eventinformation also includes additional information, such as location ofthe sub-event. When the sub-event concerns motion of a touch the eventinformation may also include speed and direction of the sub-event. Insome embodiments, events include rotation of the device from oneorientation to another (e.g., from a portrait orientation to a landscapeorientation, or vice versa), and the event information includescorresponding information about the current orientation (also calleddevice attitude) of the device.

Event comparator 184 compares the event information to predefined eventor sub-event definitions and, based on the comparison, determines anevent or sub-event, or determines or updates the state of an event orsub-event. In some embodiments, event comparator 184 includes eventdefinitions 186. Event definitions 186 contain definitions of events(e.g., predefined sequences of sub-events), for example, event 1(187-1), event 2 (187-2), and others. In some embodiments, sub-events inan event 187 include, for example, touch begin, touch end, touchmovement, touch cancellation, and multiple touching. In one example, thedefinition for event 1 (187-1) is a double tap on a displayed object.The double tap, for example, comprises a first touch (touch begin) onthe displayed object for a predetermined phase, a first lift-off (touchend) for a predetermined phase, a second touch (touch begin) on thedisplayed object for a predetermined phase, and a second lift-off (touchend) for a predetermined phase. In another example, the definition forevent 2 (187-2) is a dragging on a displayed object. The dragging, forexample, comprises a touch (or contact) on the displayed object for apredetermined phase, a movement of the touch across touch-sensitivedisplay 112, and lift-off of the touch (touch end). In some embodiments,the event also includes information for one or more associated eventhandlers 190.

In some embodiments, event definition 187 includes a definition of anevent for a respective user-interface object. In some embodiments, eventcomparator 184 performs a hit test to determine which user-interfaceobject is associated with a sub-event. For example, in an applicationview in which three user-interface objects are displayed ontouch-sensitive display 112, when a touch is detected on touch-sensitivedisplay 112, event comparator 184 performs a hit test to determine whichof the three user-interface objects is associated with the touch(sub-event). If each displayed object is associated with a respectiveevent handler 190, the event comparator uses the result of the hit testto determine which event handler 190 should be activated. For example,event comparator 184 selects an event handler associated with thesub-event and the object triggering the hit test.

In some embodiments, the definition for a respective event 187 alsoincludes delayed actions that delay delivery of the event informationuntil after it has been determined whether the sequence of sub-eventsdoes or does not correspond to the event recognizer's event type.

When a respective event recognizer 180 determines that the series ofsub-events do not match any of the events in event definitions 186, therespective event recognizer 180 enters an event impossible, eventfailed, or event ended state, after which it disregards subsequentsub-events of the touch-based gesture. In this situation, other eventrecognizers, if any, that remain active for the hit view continue totrack and process sub-events of an ongoing touch-based gesture.

In some embodiments, a respective event recognizer 180 includes metadata183 with configurable properties, flags, and/or lists that indicate howthe event delivery system should perform sub-event delivery to activelyinvolved event recognizers. In some embodiments, metadata 183 includesconfigurable properties, flags, and/or lists that indicate how eventrecognizers may interact with one another. In some embodiments, metadata183 includes configurable properties, flags, and/or lists that indicatewhether sub-events are delivered to varying levels in the view orprogrammatic hierarchy.

In some embodiments, a respective event recognizer 180 activates eventhandler 190 associated with an event when one or more particularsub-events of an event are recognized. In some embodiments, a respectiveevent recognizer 180 delivers event information associated with theevent to event handler 190. Activating an event handler 190 is distinctfrom sending (and deferred sending) sub-events to a respective hit view.In some embodiments, event recognizer 180 throws a flag associated withthe recognized event, and event handler 190 associated with the flagcatches the flag and performs a predefined process.

In some embodiments, event delivery instructions 188 include sub-eventdelivery instructions that deliver event information about a sub-eventwithout activating an event handler. Instead, the sub-event deliveryinstructions deliver event information to event handlers associated withthe series of sub-events or to actively involved views. Event handlersassociated with the series of sub-events or with actively involved viewsreceive the event information and perform a predetermined process.

In some embodiments, data updater 176 creates and updates data used inapplication 136-1. For example, data updater 176 updates the telephonenumber used in contacts module 137, or stores a video file used in videoplayer module 145. In some embodiments, object updater 177 creates andupdates objects used in application 136-1. For example, object updater176 creates a new user-interface object or updates the position of auser-interface object. GUI updater 178 updates the GUI. For example, GUIupdater 178 prepares display information and sends it to graphics module132 for display on a touch-sensitive display.

In some embodiments, event handler(s) 190 includes or has access to dataupdater 176, object updater 177, and GUI updater 178. In someembodiments, data updater 176, object updater 177, and GUI updater 178are included in a single module of a respective application 136-1 orapplication view 191. In other embodiments, they are included in two ormore software modules.

It shall be understood that the foregoing discussion regarding eventhandling of user touches on touch-sensitive displays also applies toother forms of user inputs to operate multifunction devices 100 withinput-devices, not all of which are initiated on touch screens, e.g.,coordinating mouse movement and mouse button presses with or withoutsingle or multiple keyboard presses or holds, user movements taps,drags, scrolls, etc., on touch-pads, pen stylus inputs, movement of thedevice, oral instructions, detected eye movements, biometric inputs,and/or any combination thereof, which may be utilized as inputscorresponding to sub-events which define an event to be recognized.

FIG. 2 illustrates a portable multifunction device 100 having a touchscreen 112 in accordance with some embodiments. The touch screen maydisplay one or more graphics within user interface (UI) 200. In thisembodiment, as well as others described below, a user may select one ormore of the graphics by making contact or touching the graphics, forexample, with one or more fingers 202 (not drawn to scale in the figure)or one or more styluses 203 (not drawn to scale in the figure). In someembodiments, selection of one or more graphics occurs when the userbreaks contact with the one or more graphics. In some embodiments, thecontact may include a gesture, such as one or more taps, one or moreswipes (from left to right, right to left, upward and/or downward)and/or a rolling of a finger (from right to left, left to right, upwardand/or downward) that has made contact with device 100. In someembodiments, inadvertent contact with a graphic may not select thegraphic. For example, a swipe gesture that sweeps over an applicationicon may not select the corresponding application when the gesturecorresponding to selection is a tap.

Device 100 may also include one or more physical buttons, such as “home”or menu button 204. As described previously, menu button 204 may be usedto navigate to any application 136 in a set of applications that may beexecuted on device 100. Alternatively, in some embodiments, the menubutton is implemented as a soft key in a GUI displayed on touch screen112.

In one embodiment, device 100 includes touch screen 112, menu button204, push button 206 for powering the device on/off and locking thedevice, volume adjustment button(s) 208, Subscriber Identity Module(SIM) card slot 210, head set jack 212, and docking/charging externalport 124. Push button 206 may be used to turn the power on/off on thedevice by depressing the button and holding the button in the depressedstate for a predefined time interval; to lock the device by depressingthe button and releasing the button before the predefined time intervalhas elapsed; and/or to unlock the device or initiate an unlock process.In an alternative embodiment, device 100 also may accept verbal inputfor activation or deactivation of some functions through microphone 113.

FIG. 3 is a block diagram of an exemplary multifunction device with adisplay and a touch-sensitive surface in accordance with someembodiments. Device 300 need not be portable. In some embodiments,device 300 is a laptop computer, a desktop computer, a tablet computer,a multimedia player device, a navigation device, an educational device(such as a child's learning toy), a gaming system, or a control device(e.g., a home or industrial controller). Device 300 typically includesone or more processing units (CPU's) 310, one or more network or othercommunications interfaces 360, memory 370, and one or more communicationbuses 320 for interconnecting these components. Communication buses 320may include circuitry (sometimes called a chipset) that interconnectsand controls communications between system components. Device 300includes input/output (I/O) interface 330 comprising display 340, whichis typically a touch screen display. 1/1 interface 330 also may includea keyboard and/or mouse (or other pointing device) 350 and touchpad 355.Memory 370 includes high-speed random access memory, such as DRAM, SRAM,DDR RAM or other random access solid state memory devices; and mayinclude non-volatile memory, such as one or more magnetic disk storagedevices, optical disk storage devices, flash memory devices, or othernon-volatile solid state storage devices. Memory 370 may optionallyinclude one or more storage devices remotely located from CPU(s) 310. Insome embodiments, memory 370 stores programs, modules, and datastructures analogous to the programs, modules, and data structuresstored in memory 102 of portable multifunction device 100 (FIG. 1), or asubset thereof. Furthermore, memory 370 may store additional programs,modules, and data structures not present in memory 102 of portablemultifunction device 100. For example, memory 370 of device 300 maystore drawing module 380, presentation module 382, word processingmodule 384, website creation module 386, disk authoring module 388,and/or spreadsheet module 390, while memory 102 of portablemultifunction device 100 (FIG. 1) may not store these modules.

Each of the above identified elements in FIG. 3 may be stored in one ormore of the previously mentioned memory devices. Each of the aboveidentified modules corresponds to a set of instructions for performing afunction described above. The above identified modules or programs(i.e., sets of instructions) need not be implemented as separatesoftware programs, procedures or modules, and thus various subsets ofthese modules may be combined or otherwise re-arranged in variousembodiments. In some embodiments, memory 370 may store a subset of themodules and data structures identified above. Furthermore, memory 370may store additional modules and data structures not described above.

Attention is now directed towards embodiments of user interfaces (“UI”)that may be implemented on portable multifunction device 100.

FIGS. 4A and 4B illustrate exemplary user interfaces for a menu ofapplications on portable multifunction device 100 in accordance withsome embodiments. Similar user interfaces may be implemented on device300. In some embodiments, user interface 400A includes the followingelements, or a subset or superset thereof:

-   -   Signal strength indicator(s) 402 for wireless communication(s),        such as cellular and Wi-Fi signals;    -   Time 404;    -   Bluetooth indicator 405;    -   Battery status indicator 406;    -   Tray 408 with icons for frequently used applications, such as:        -   Phone 138, which may include an indicator 414 of the number            of missed calls or voicemail messages;        -   E-mail client 140, which may include an indicator 410 of the            number of unread e-mails;        -   Browser 147; and        -   Music player 146; and    -   Icons for other applications, such as:        -   IM 141;        -   Image management 144;        -   Camera 143;        -   Video player 145;        -   Weather 149-1;        -   Stocks 149-2;        -   Workout support 142;        -   Calendar 148;        -   Calculator 149-3;        -   Alarm clock 149-4;        -   Dictionary 149-5; and        -   User-created widget 149-6.

In some embodiments, user interface 400B includes the followingelements, or a subset or superset thereof:

-   -   402, 404, 405, 406, 141, 148, 144, 143, 149-3, 149-2, 149-1,        149-4, 410, 414, 138, 140, and 147, as described above;    -   Map 154;    -   Notes 153;    -   Settings 412, which provides access to settings for device 100        and its various applications 136, as described further below;    -   Video and music player module 152, also referred to as iPod        (trademark of Apple Inc.) module 152; and    -   Online video module 155, also referred to as YouTube (trademark        of Google Inc.) module 155.

FIG. 4C illustrates an exemplary user interface on a device (e.g.,device 300, FIG. 3) with a touch-sensitive surface 451 (e.g., a tabletor touchpad 355, FIG. 3) that is separate from the display 450 (e.g.,touch screen display 112). Although many of the examples which followwill be given with reference to inputs on touch screen display 112(where the touch sensitive surface and the display are combined), insome embodiments, the device detects inputs on a touch-sensitive surfacethat is separate from the display, as shown in FIG. 4C. In someembodiments the touch sensitive surface (e.g., 451 in FIG. 4C) has aprimary axis (e.g., 452 in FIG. 4C) that corresponds to a primary axis(e.g., 453 in FIG. 4C) on the display (e.g., 450). In accordance withthese embodiments, the device detects contacts (e.g., 460 and 462 inFIG. 4C) with the touch-sensitive surface 451 at locations thatcorrespond to respective locations on the display (e.g., in FIG. 4C 460corresponds to 468 and 462 corresponds to 470). In this way, user inputs(e.g., contacts 460 and 462, and movements thereof) detected by thedevice on the touch-sensitive surface (e.g., 451 in FIG. 4C) are used bythe device to manipulate the user interface on the display (e.g., 450 inFIG. 4C) of the multifunction device when the touch-sensitive surface isseparate from the display. It should be understood that similar methodsmay be used for other user interfaces described herein.

Additionally, while the following examples are given primarily withreference to finger inputs (e.g., finger contacts, finger tap gestures,finger swipe gestures), it should be understood that, in someembodiments, one or more of the finger inputs are replaced with inputfrom another input device (e.g., a mouse based input or stylus input).For example, a swipe gesture may be replaced with a mouse click (e.g.,instead of a contact) followed by movement of the cursor along the pathof the swipe (e.g., instead of movement of the contact). As anotherexample, a tap gesture may be replaced with a mouse click while thecursor is located over the location of the tap gesture (e.g., instead ofdetection of the contact followed by ceasing to detect the contact).Similarly, when multiple user inputs are simultaneously detected, itshould be understood that multiple computer mice may be usedsimultaneously, or a mouse and finger contacts may be usedsimultaneously.

Attention is now directed towards embodiments of user interfaces (“UI”)and associated processes that may be implemented on a multifunctiondevice with a display and a touch-sensitive surface, such as device 300or portable multifunction device 100.

FIGS. 5A-5LLLL illustrate exemplary user interfaces for creating andmanaging folders that contain one or more of the selectable userinterface objects in accordance with some embodiments. The userinterfaces in these figures are used to illustrate the processesdescribed below, including the processes in FIGS. 6A-6E, 7A-7C, 8A-8C,9A-9B, 10A-10B, 11A-11C, 12A-12E, and 13A-13E.

Attention is now directed towards FIG. 5A, which illustrates amultifunction device (e.g., 100 in FIGS. 5A-5N, 5P-5LLLL) with a touchscreen (e.g., 112 in FIGS. 5A-5N, 5P-5LLLL) display (e.g., touch screen112). In some embodiments the multifunction device 100 also includes aspeaker (e.g., 111 in FIGS. 5A-5N, 5P-5LLLL), a microphone (e.g., 113 inFIGS. 5A-5N, 5P-5LLLL), one or more optical sensors (e.g., 164 in FIGS.5A-5N, 5P-5LLLL), a proximity sensor (e.g., 166 in FIGS. 5A-5N,5P-5LLLL), one or more accelerometers (e.g., 168 in FIGS. 5A-5N,5P-5LLLL), as described in greater detail above.

In some embodiments, the multifunction device 100 displays a pluralityof notification icons such as signal strength indicator(s) (e.g., 402 inFIGS. 5A-5N, 5P-5LLLL) for wireless communication(s), such as cellularand Wi-Fi signals; time indicator (e.g., 404 in FIGS. 5A-5N, 5P-5LLLL);Bluetooth indicator (e.g., 405 in FIGS. 5A-5N. 5P-5LLLL); battery statusindicator (e.g., 406 in FIGS. 5A-5N, 5P-5LLLL). In accordance with someembodiments, the multifunction device also displays a plurality ofselectable user interface objects (e.g., application icons 5002 andfolder icons 5004 in FIGS. 5A-5LLLL). In some embodiments one or more ofthe selectable user interface objects are displayed in a tray (e.g.,5006 in FIGS. 5A-5N, 5P-5LLLL), which is also sometimes referred to as adock. In some embodiments, the selectable user interface objects (e.g.,application icons and/or folder icons) outside of the tray are part of aplurality of sets/pages of selectable user interface objects, where eachset/page of selectable user interface objects includes a differentplurality of selectable user interface objects. However, in someembodiments, when the multifunction devices switches from a firstset/page of selectable user interface objects to a second set/page ofselectable user interface objects, the tray 5006 does not change.

Attention is now directed towards FIG. 5A, which includes a plurality ofselectable user interface objects, including a plurality of action icons5002 and a plurality of folder icons 5004. For example, in FIG. 5A theaction icons 5002 include a plurality of application icons (e.g., photosapplication icon 5002-1, clock application icon 5002-2, browserapplication icon 5002-3, solitaire application icon 5002-4, weatherapplication icon 5002-5, notes application icon 5002-6, textsapplication icon 5002-7, maps application icon 5002-8, stocksapplication icon 5002-9, camera application icon 5002-12, racingapplication icon 5002-13, email application icon 5002-14, phoneapplication icon 5002-15, and iPod application icon 5002-16) foractivating respective applications, a bookmark icon 5002-10 forlaunching a web browser and displaying a bookmarked webpage and adocument icon 5002-11 for activating a document viewing/editingapplication so as to display the document associated with the documenticon 5002-11.

The folder icons (e.g., 5004-1-a and 5004-2 in FIG. 5A) in FIG. 5A areicons that can be activated to display a folder view. In someembodiments, the folder icons 5004 each include a plurality of reducedscale representations of selectable object indicators that areassociated with the folder (e.g., reduced scale representations “x1,”“x2,” “x3,” “x4,” “x5,” and “x6” for folder icon 5004-1, and reducedscale representations “z1,” “z2,” “z3,” “z4,” “z5,” and “z6” for foldericon 5004-2). It should be understood that, in accordance with someembodiments, displaying the folder view includes displaying a regionthat includes a plurality of selectable user interface icons (e.g.,action icons 5002). In FIG. 5A, the device is in normal operation mode.In other words, selecting one of the action icons will activate anapplication (e.g., launch an application that is not currently runningon the device or display a view of an application that is currentlyrunning on the device). In some embodiments, the device detects arequest to enter user interface reconfiguration mode. For example, inFIG. 5A, the device detects a contact 5008 with the solitaireapplication icon 5002-4 for more than a predetermined period of time(e.g., 2 seconds) and, in response, the device enters a user interfacereconfiguration mode, as illustrated in FIG. 5B.

In FIG. 5B, the device has entered a user interface reconfigurationmode. In some embodiments, the selectable user interface objects (e.g.,5002 and 5004) display a visual indication that the device is in theuser interface reconfiguration mode. For example, as illustrated in FIG.5B, the selectable user interface objects jiggle as though they arefloating on water (e.g., each respective selectable user interfaceobject oscillates about a respective average position of the selectableuser interface object on the display). Additionally in some embodiments,while in the user interface reconfiguration mode, at least some of theselectable user interface objects are associated with an object removalbadge (e.g., 5010 in FIG. 5B), and when the device detects activation ofthe object removal badge (e.g., tap gesture 5011 in FIG. 5B), theselectable user interface object (e.g., weather application icon 5002-5in FIG. 5B) associated with the object removal badge is removed from theuser interface (e.g., deleted).

Additionally, in some embodiments, the one or more of the folder iconschange appearance when the device enters user interface reconfigurationmode. For example, in FIG. 5A, when the device is in normal operationmode, a folder icon 5004-1-a is displayed with a first plurality ofreduced size representations of selectable user interface objects (e.g.“x1,” “x2,” “x3,” “x4,” “x5,” “x6” in folder icon 5004-1-a in FIG. 5A),while in FIG. 5B, after the device enters the user interfacereconfiguration mode, a second plurality of reduced size representationsof selectable user interface objects (e.g., “x4,” “x5,” “x6,” and “x7”)are displayed within the folder icon (e.g., folder icon 5004-1-b in FIG.5B). Additionally, in some embodiments, one or more of the folder icons(e.g., 5004-1-b in FIG. 5B) includes a notification badge 5012 thatindicates that an application associated with one of the selectable userinterface objects in the folder has a notification. In some embodimentsone of the reduced scale representations (e.g., “x7” in folder icon5004-1-b) has its own notification badge 5014 that indicates that anapplication associated with the reduced scale representation has anotification. Typically, a notification is an indication that theapplication requires the attention of a user of the device (e.g.,because a new message has arrived, or a new event has occurred, updatesare available, etc.).

Attention is now directed towards FIGS. 5B-5F, which illustrateexemplary user interfaces for creating a new folder in accordance withsome embodiments. In FIG. 5B, the device detects a request to move arespective selectable user interface object to an edge of the screen. Inthis example, the request includes a contact 5016-a on thetouch-sensitive surface (e.g., touch screen 112) at a location thatcorresponds to a “racing” action icon 5002-13, and subsequent movement5018 of the contact to the edge of the touch-sensitive surface (e.g., tocontact position 5016-b on the touch screen 112, as illustrated in FIG.5C). In FIG. 5C, the action icon 5002-13 is moved to the edge of thedisplay (e.g., touch screen 112) and is maintained at the edge of thedisplay for more than a predetermined time threshold (e.g., 1 second).In response to detecting the action icon 5002-13 at the edge of thedisplay (e.g., touch screen 112) for more than the predetermined timethreshold, the device navigates to a next set/page of selectable userinterface objects (e.g., as illustrated in FIG. 5D).

In some embodiments, the device maintains a plurality of pages ofselectable user interface objects while the device is in a normaloperation mode. In some of these embodiments, when the device enters auser interface reconfiguration mode, the device creates an additionalpage that contains a new empty folder. For example, there are no actionicons 5002 and no filled folders on the page displayed in FIG. 5D, thusthe device displays a folder icon 5004-3 for an empty folder (e.g., afolder that contains no selectable user interface objects). In someembodiments the folder icon (e.g., 5004-3) for an empty folder has adifferent appearance from a folder icon for a filled folder (e.g., afolder that contains one or more selectable user interface objects).

In FIG. 5D, the device detects a request to move the selectable userinterface object 5002-13 to the folder icon for the empty folder 5004-3.In the example illustrated in FIG. 5D, the request includes movement5020 of the contact 5016 from the contact location 5016-b near the edgeof the display (e.g., touch screen 112) to a contact location (e.g.,5016-c in FIG. 5E) that is proximate to the folder icon 5004-3 for thenew empty folder. In response to the request to move the selectable userinterface object, the device moves the selectable user interface objectfrom the location (e.g., 5002-13 in FIG. 5D) near the edge of thedisplay (e.g., touch screen 112) to a location that is proximate to oroverlapping with the folder icon 5004-3 for the new empty folder or anactivation region for the folder icon 5004-3.

In some embodiments, while the selectable user interface object 5002-13is proximate to or overlapping with the folder icon 5004-3 for the emptyfolder, the device detects a termination of the input (e.g., a liftoffof contact 5016-c from the touch screen 112) that was used to requestmovement of the selectable user interface object 5002-13. In response todetecting termination of the input the liftoff of contact from thetouch-sensitive surface (e.g., touch screen 112), the device adds theselectable user interface object 5002-13 to the folder associated withthe folder icon 5004-3, as illustrated in FIG. 5F. In some embodiments,when the device adds the selectable user interface object to the folderassociated with the folder icon 5004-3, the device changes theappearance of the folder icon. For example, in FIG. 5F, the folder icon5004-3 displays a reduced scale representation of the selectable userinterface object 5002-13 that was added to the folder associated withthe folder icon 5004-3.

In some embodiments, the device always displays an empty folder while inuser interface reconfiguration mode. For example, in FIG. 5F, once thepreviously empty folder (e.g., the folder associated with folder icon5004-3) is filled (e.g., after selectable user interface object 5002-13has been added to the folder, as illustrated in FIGS. 5C-5E), the devicecreates a subsequent new empty folder and displays a folder icon (e.g.,5004-4 in FIG. 5F) on the display (e.g., touch screen 112) that isassociated with the subsequent new empty folder. Thus, a new emptyfolder can be created by a user simply by filling a previously emptyfolder. In some embodiments, any folder icons that are associated withempty folders (e.g., folder icon 5004-4) cease to be displayed by thedevice when the device returns to normal operation mode. For example, inFIG. 5F the device detects a request to return to normal operation mode(e.g., a press input 5022 on home button 204 in FIG. 5F). In response tothe request to return to the normal operation mode, the device returnsto normal operation mode and ceases to display the empty folder (e.g.,5004-4 in FIG. 5F), on the display (e.g., touch screen 112) asillustrated in FIG. 5G.

Attention is now directed towards FIGS. 5H-5L which illustrate exemplaryuser interfaces for the creation of a new folder in accordance with someembodiments. In some embodiments, the device enters a user interfacereconfiguration mode (e.g., as described in greater detail above withreference to FIG. 5A). In some embodiments, when the device enters auser interface reconfiguration mode, a new folder creation element(e.g., new folder creation region 5024 in FIG. 5H) is displayed on adisplay (e.g., touch screen 112). In some embodiments, when the deviceenters a user interface reconfiguration mode, the selectable userinterface icons on the display (e.g., touch screen 112) are movedtowards each other (e.g., the amount of empty space between selectableuser interface objects is decreased along at least one axis such as avertical axis) so as to make room for the new folder creationelement(s). In some embodiments, the device detects a request to add anew folder (e.g., a tap gesture 5026 at a location on the touch screen112 that corresponds to a new folder creation region 5024). In responseto the request to create a new folder, the device creates a new folderand displays a folder icon (e.g., 5004-5 in FIG. 5I) on the display(e.g., touch screen 112). In some embodiments the folder icon (e.g.,5004-5 in FIG. 5I) for the new folder is displayed at the firstavailable location on in a predefined arrangement of selectable userinterface objects.

In some embodiments, the new folder creation element is a represented asregion (e.g., region 5028 in FIG. 5I) that contains a folder creationicon (e.g., 5030 in FIG. 5I) that is visually similar to a new foldericon. In some embodiments, the device detects a request to create a newfolder. For example, as illustrated in FIG. 5I, the device detects acontact 5032 on a touch-sensitive surface (e.g., touch screen 112) at alocation that corresponds to a location of the folder creation icon 5030on a display (e.g., touch screen 112) and subsequent movement 5034 ofthe contact out of the folder creation region. In some embodiments thedevice displays an animation of a folder moving out of the foldercreation element in accordance with the movement 5034 of the contact. Inother words, it appears as though a new folder icon (e.g., 5004-6 inFIG. 5J) has been dragged out of the folder creation region 5028. Inresponse to detecting the request to create the new folder, the devicecreates a new folder and associates the new folder with the folder icon5004-6 that was dragged out of the folder creation region.

In some embodiments the device receives a request to add one or more ofthe selectable user interface objects (e.g., action icon 5002-6) intoone of the new folders. For example, in FIG. 5J, the device detects acontact 5035 with action icon 5002-6 and subsequent movement 5036 of thecontact to one of the new folders 5004-5. In some embodiments, inresponse to the request to add a selectable user interface object to anew folder, the device adds the selectable user interface object to thefolder and removes the selectable user interface object from thedisplay. In some embodiments, after adding a selectable user interfaceobject to a folder, the device modifies the folder icon that isassociated with the folder to which the selectable user interface objectwas added. For example, in FIG. 5K, the device has added the action icon5002-6 to the folder associated with folder icon 5004-5, and the foldericon 5004-5 has been updated to display a reduced scale representation(e.g., “N” in folder icon 5004-5) of the action icon 5002-6 that wasadded to the folder.

In some embodiments, any folder icons that are associated with emptyfolders (e.g., folder icon 5004-6) cease to be displayed by the devicewhen the device returns to normal operation mode. For example, in FIG.5K the device detects a request to return to normal operation mode(e.g., a press input 5038 on home button 204 in FIG. 5K). In response tothe request to return to the normal operation mode, the device returnsto normal operation mode and ceases to display the empty folder (e.g.,5004-6 in FIG. 5K) on the display (e.g., touch screen 112), asillustrated in FIG. 5L. However, it should be understood that, inaccordance with some embodiments, any folder icons that representfolders to which one or more selectable user interface objects have beenadded continue to be displayed. For example, in FIG. 5L, after thedevice has returned to normal operation mode, folder 5004-5 continues tobe displayed. Additionally, in some embodiments, when the device returnsto normal operation mode the selectable user interface objects arerearranged so as to close any gaps in the arrangement. For example, inFIG. 5K, the selectable user interface objects are in a firstarrangement with a gap where the notes application icon 5004-6 used tobe located (e.g., as illustrated in FIG. 5J), while in FIG. 5L, theselectable user interface objects have been rearranged so as to closethe gap.

Attention is now directed towards FIGS. 5M-5O which illustrate exemplaryuser interfaces for the creation of a new folder in accordance with someembodiments. In some embodiments the device receives a folder creationrequest while in user interface reconfiguration mode that corresponds tomovement of one of the selectable user interface objects to another oneof the selectable user interface objects. For example in FIG. 5M, thedevice detects a contact (e.g., 5040-a) at a location on thetouch-sensitive surface (e.g., touch screen 112) that corresponds to alocation of a first action icon (e.g., the solitaire application icon5002-4) on the display (e.g., touch screen 112) and detects subsequentmovement of the contact (e.g., from a first location 5040-a in FIG. 5Mto a second location 5040-b in FIG. 5N on the touch screen 112) thatcorresponds to movement of the first action icon 5002-4 onto the secondaction icon 5002-13, as illustrated in FIG. 5N. In some embodiments thedevice displays an indication that a folder is about to be created(e.g., by highlighting the second action icon 5002-13 as illustrated inFIG. 5N). In some embodiments, the device creates a folder including thefirst action icon and the second action icon after detecting terminationof the input (e.g., detecting a liftoff of the contact 5040-b). In someembodiments, the device creates a folder including the first action iconand the second action icon after detecting that the input meetspredefined folder-creation criteria (e.g., a pause of the contact formore than a predetermined period of time while the first action icon5002-4 is adjacent to or on top of the second action icon 5002-13).

In some embodiments, conjunction with creating the folder, the devicedisplays a new folder icon that is associated with the folder. In someembodiments, the new folder icon includes reduced scale representationsof the user interface objects that were added to the folder. In someembodiments, the folder is named based on descriptors of the firstselectable user interface object (e.g., action icon 5002-4) and/or thesecond selectable user interface object (e.g., action icon 5002-13). Forexample, FIG. 5O illustrates the device receiving an input that includesa request create a folder including a first action icon (e.g., solitaireapplication icon 5002-4) and a second action icon (e.g., racingapplication icon 5002-13), the input includes a contact 5044 at alocation on the touch-sensitive surface (e.g., touch screen 112) thatcorresponds to a location of the first action icon 5002-4 on the display(e.g., touch screen 112) and subsequent movement 5046 of the contact5044 to a location that is proximate to (or on top of) the second actionicon 5002-13. In response to this input, the device creates a new folderand displays a “GAMES” folder icon 5004-7 for the new folder thatincludes reduced scale representations of the first selectable userinterface object and the second selectable user interface object (e.g.,“O” and “R,” respectively). As another example, FIG. 5O illustrates thedevice receiving an input that includes a request create a folderincluding a first action icon (e.g., car race application icon 5002-17)and a second action icon (e.g., air race application icon 5002-18), theinput includes a contact 5048 at a location on the touch-sensitivesurface (e.g., touch screen 112) that corresponds to a location of thefirst action icon 5002-17 on the display (e.g., touch screen 112) andsubsequent movement 5050 of the contact 5048 to a location that isproximate to (or on top of) the second action icon 5002-18. In responseto this input, the device creates a new folder and displays a “RACINGGAMES” folder icon 5004-8 for the new folder that includes reduced scalerepresentations of the first selectable user interface object and thesecond selectable user interface object (e.g., “r1” and “r2,”respectively). As another example, FIG. 5O also illustrates the devicereceiving an input that includes a request create a folder including afirst action icon (e.g., email application icon 5002-14) and a secondaction icon (e.g., phone application icon 5002-15), the input includes acontact 5052 at a location on the touch-sensitive surface (e.g., touchscreen 112) that corresponds to a location of the first action icon5002-14 on the display (e.g., touch screen 112) and subsequent movement5054 of the contact 5052 to a location that is proximate to (or on topof) the second action icon 5002-15. In response to this input, thedevice creates a new folder and displays a “COMMUNICATION” folder icon5004-9 for the new folder that includes reduced scale representations ofthe first selectable user interface object and the second selectableuser interface object (e.g., “E” and “P,” respectively).

As another example, FIG. 5O also illustrates the device receiving aninput that includes a request create a folder including a first actionicon (e.g., camera application icon 5002-12) and a second action icon(e.g., stocks application icon 5002-9), the input includes a contact5056 at a location on the touch-sensitive surface (e.g., touch screen112) that corresponds to a location of the first action icon 5002-12 onthe display (e.g., touch screen 112) and subsequent movement 5058 of thecontact 5056 to a location that is proximate to (or on top of) thesecond action icon 5002-9. In response to this input, the device createsa new folder and displays a “PHOTOGRAPHY” folder icon 5004-10 for thenew folder that includes reduced scale representations of the firstselectable user interface object and the second selectable userinterface object (e.g., “C” and “S,” respectively). As another example,FIG. 5O also illustrates the device receiving an input that includes arequest create a folder including a first action icon (e.g., stocksapplication icon 5002-9) and a second action icon (e.g., cameraapplication icon 5002-12), the input includes a contact 5060 at alocation on the touch-sensitive surface (e.g., touch screen 112) thatcorresponds to a location of the first action icon 5002-9 on the display(e.g., touch screen 112) and subsequent movement 5062 of the contact5060 to a location that is proximate to (or on top of) the second actionicon 5002-12. In response to this input, the device creates a new folderand displays a “UTILITIES” folder icon 5004-11 for the new folder thatincludes reduced scale representations of the first selectable userinterface object and the second selectable user interface object (e.g.,“S” and “C,” respectively).

Attention is now directed towards FIGS. 5P-5R which illustrate exemplaryuser interfaces for renaming a folder in accordance with someembodiments. In some embodiments, a new folder is named automaticallyafter it is created, as described above with reference to FIG. 5O. Insome embodiments, immediately after the folder is created, the devicedisplays a name confirmation dialogue (e.g., 5064 in FIG. 5P). Inresponse to detecting a confirmation input (e.g., tap gesture 5066 at alocation that corresponds to a “confirm” icon on the touch screen 112 inFIG. 5P), the device confirms the creation of the folder and theautomatically generated name, as illustrated in FIG. 5S. In response todetecting a cancellation input (e.g., tap gesture 5068 at a locationthat corresponds to a “cancel” icon on the touch screen 112 in FIG. 5P),the device cancels the creation of the folder, as illustrated in FIG.5M. In response to detecting a renaming input (e.g., tap gesture 5070 ata location that corresponds to a “rename” icon on the touch screen 112in FIG. 5P), the device displays a dialogue 5072 for changing the nameof the new folder (e.g., from “games” to “fun” as illustrated in FIG.5Q), and for confirming the name change (e.g., by detecting a tapgesture 5074 at a location that corresponds to a location of an “ok”icon on the touch screen 112). The device displays a folder icon (e.g.,5004-7 in FIG. 5R) that is associated with the new name for the newfolder.

Attention is now directed towards FIGS. 5S-5Q which illustrate exemplaryuser interfaces for displaying a folder view in accordance with someembodiments. In some embodiments, the device displays a folder view of afolder associated with a folder icon (e.g., 5004-7) in response todetecting a request to activate a folder icon (e.g., tap gesture 5076 inFIG. 5S). In response to detecting the request, the device displays afolder view (e.g., as illustrated in any of FIG. 5T, 5U, 5V-5W, or5X-5Y) on the display (e.g., touch screen 112). In some embodiments, thedevice automatically displays a folder view after creating the folder(e.g., transitioning directly from FIG. 5N to any of FIG. 5T, 5U, 5V-5W,or 5X-5Y) or renaming a new folder (e.g., transitioning directly fromFIG. 5 to any of FIG. 5T, 5U, 5V-5W, or 5X-5Y).

In FIG. 5T, the folder view 5078 includes an overlay that covers atleast a portion of the touch screen 112, obscuring (e.g., hiding orde-emphasizing) the selectable user interface objects that are displayedon the touch screen 112. In some embodiments, the selectable userinterface objects that are not in the folder are at least partiallyfaded, so as to draw attention to the folder view (e.g., 5078 in FIG.5T), while providing contextual feedback by indicating the arrangementof the selectable user interface objects that are outside of the folderview (e.g., 5078 in FIG. 5T). In some embodiments, the folder view(e.g., 5078 in FIG. 5T) includes the selectable user interface objects(e.g., 5002-4 and 5002-13) that were added to the folder associated withthe new folder icon 5004-7.

In FIG. 5U, the folder view 5080 includes a partially transparentoverlay that covers all, or substantially all, of the touch screen 112,obscuring the selectable user interface objects that are displayed onthe touch screen 112 and drawing attention to the folder view (e.g.,5080 in FIG. 5U), while providing contextual feedback by indicating thearrangement of the selectable user interface objects (e.g., including alocation of the folder icon 5004-7 for the folder within thearrangement) that are outside of the folder. The folder view (e.g., 5080in FIG. 5U) includes the selectable user interface objects (e.g., 5002-4and 5002-13) that were added to the folder associated with the newfolder icon 5004-7.

Attention is now directed towards FIGS. 5V-5Y which illustrate exemplaryuser interfaces for displaying an animated transition to a folder viewin accordance with some embodiments. In some embodiments, the devicedisplays a transition animation transitioning from displaying the foldericon to displaying the folder view. For example in FIG. 5V, the devicedisplays an animation in response to receiving the request to display afolder view (e.g., detecting the tap gesture 5076 at a location on thetouch screen 112 that corresponds to a location of the folder icon5004-7 in FIG. 5S). The exemplary animation in FIG. 5V includesdisplaying a plurality of the selectable user interface objects (e.g.,5002-7, 5002-8, 5002-10, 5002-11, etc.) scattering off of the display(e.g., touch screen 112) by moving towards the edges of the display(e.g., touch screen 112). In conjunction with scattering a plurality ofthe selectable user interface objects, the device displays the selectedfolder icon 5004-7 expanding to fill the touch screen 112, asillustrated in FIG. 5W, so as to display a folder view 5082 thatincludes the selectable user interface objects (e.g., 5002-4, 5002-13 inFIG. 5W) that are associated with the folder represented by the selectedfolder icon (e.g., 5004-7 in FIG. 5S).

As another example of an animated transition, in FIG. 5X, the devicedisplays an animation in response to receiving the request to display afolder view (e.g., detecting the tap gesture 5076 on the folder icon5004-7 in FIG. 5S). The exemplary animation in FIG. 5X includes dividinga wallpaper into a first portion 5084 and a second portion 5086 andmoving the second portion away from the first portion (e.g., asillustrated in FIG. 5Y. In some embodiments, the first portion has anedge 5088 with a contour that is complementary to a contour of an edge5090 of the second portion. For example, in FIG. 5X the edge 5088 of thefirst portion 5084 is complementary to the edge 5090 of the secondportion 5086.

It should be understood that, in some embodiments the first portionmoves away from the second portion or the first portion and the secondportion move away from each other. In FIG. 5Y, a folder view 5092 isdisplayed in an area between the first portion 5084 and the secondportion 5086. In conjunction with the movement of the first portion 5084and the second portion 5086, the device displays the selectable userinterface objects (e.g., 5002-4, 5002-13 in FIG. 5Y) that are associatedwith the folder represented by the selected folder icon (e.g., 5004-7 inFIG. 5S) within the folder view (e.g., 5092 in FIG. 5Y) on the display(e.g., touch screen 112). In some embodiments, the animation includesdisplaying the wallpaper splitting to reveal the selectable userinterface objects (e.g., 5002-4, 5002-13 in FIG. 5Y) in the folder asthough the wallpaper were sliding door that slides away to reveal theselectable user interface objects (e.g., 5002-4, 5002-13 in FIG. 5Y)that are associated with the folder from behind the wallpaper. In someembodiments, the selected folder icon 5004-7 that is associated with thefolder view 5092 continues to be displayed while the folder view 5092 isdisplayed, as illustrated in FIG. 5Y. In some embodiments the foldericon 5004-7 is visually distinguished from other selectable userinterface objects (e.g., 5002-1, 5002-2, 5002-3, 5002-5, 5002-6, 5002-7,5002-8, 5002-9, 5004-1-b, 5002-10, 5002-11, 5002-12 in FIG. 5Y). In someembodiments, the contour of the edge 5088 of the first portion or thecontour of the edge of the second portion is adjusted so that thecontours of the edges are no longer complementary. For example, in FIG.5X the edge 5088 of the first portion 5084 and the edge 5090 of thesecond portion 5086 has a complementary has a cut-out notch 5094.However, continuing this example, after the portions have moved awayfrom each other as illustrated in FIG. 5Y the edge 5088 of the firstportion 5084 still has a cut-out notch 5094, while to the edge 5090 ofthe second portion 5086 is straight and thus the edges are no longercomplementary. In some embodiments the cut-out notch 5094 provides avisual indication of a location of the selected folder icon (e.g.,5004-7 in FIGS. 5X and 5Y) within the arrangement of selectable userinterface objects, as illustrated in FIG. 5Y.

In some embodiments, the device detects a folder view exit input (e.g.,detecting a tap gesture 5096 at a location on the touch screen 112 thatcorresponds to a location outside of the folder view 5092 in FIG. 5Y)and in response to the folder exit input the device ceases to displaythe folder view (e.g., as illustrated in FIG. 5S). In some embodiments,the device detects a folder renaming input (e.g., detecting a tapgesture 5098 on a folder renaming region such as a button or a textentry region or the name of the folder), and in response to the folderrenaming input the device provides a renaming interface (e.g., a softkeyboard sliding up from the bottom of the touch screen) that can beused to rename the folder.

Attention is now directed towards FIGS. 5Y-5CC, which illustrateexemplary user interfaces for cancelling the creation of a folder inaccordance with some embodiments. In some embodiments if a cancellationinput is received, the folder creation operation is cancelled. In someembodiments the cancellation input includes, immediately after creatinga new folder with one or more selectable user interface objects (e.g.,action icon s 5002-4 and 5002-13), removing one of the selectable userinterface objects from the folder. In some embodiments the devicedetects an input that corresponds to a request to move one of theselectable user interface objects out of the folder. For example, inFIG. 5Y the device detects an input that includes a contact 5100 at alocation on the touch-sensitive surface (e.g., touch screen 112) thatcorresponds to one of the selectable user interface objects 5002-4 inthe folder and subsequent movement 5102 of the contact (e.g., from afirst contact location 5100-a on the touch screen 112 in FIG. 5Y that isinside the folder view 5092 to a second contact location 5100-b on thetouch screen 112 in FIG. 5Z that is outside of the folder view 5092). Inresponse to detecting the input, the device moves the selectable userinterface object out of the folder and deletes the folder. For examplein FIG. 5Z the selectable user interface object 5002-4 is outside of thefolder, and in FIG. 5AA, after detecting a termination of the contact,the selectable user interface object 5002-4 is displayed outside of thefolder.

In some embodiments, the folder icon is also updated to reflect thechange of contents of the folder. For example, in FIG. 5Y the foldericon 5004-7 includes reduced scale representations (e.g., “O” and “R”)of both of the selectable user interface objects (e.g., 5002-4 and5002-13) that are within the folder, while in FIG. 5AA after one of theselectable user interface objects (e.g., 50024) has been moved out ofthe folder, only the reduced scale representation (e.g., “R”) of theselectable user interface object (e.g., 5004-13) that remains in thefolder is displayed in the folder icon (e.g., 5004-7 in FIG. 5AA).

In some embodiments, because this is a folder creation cancellationoperation, the folder icon ceases to be displayed and the remainingselectable user interface object (e.g., 5002-13) is redisplayed outsideof the folder view (e.g., as illustrated in FIG. 5CC). In someembodiments an animated transition is displayed, which shows the foldericon (e.g., 5004-7) changing into the remaining selectable userinterface object (e.g., the selectable user interface object 5002-13that remains in the folder), as illustrated in FIG. 5BB, where anintermediate stage 5104 of the animation (e.g., an animation frame thatis in between the folder icon and the remaining selectable userinterface object 5002-13) is displayed on the touch screen 112. In someembodiments, the remaining selectable user interface object replaces thefolder icon on the touch screen. For example, in FIG. 5AA the foldericon 5004-7 is displayed in the fourth row of the first column of thearrangement of selectable user interface objects, while in FIG. 5CC theremaining selectable user interface object 5002-13 is displayed on thefourth row of the first column of the arrangement of selectable userinterface objects.

Attention is now directed towards FIGS. 5DD-5JJ, which illustrateexemplary user interfaces for deleting a folder in accordance with someembodiments. In some embodiments, after a new folder is created (e.g.,as described in greater detail above with reference to FIGS. 5M-5O, thedevice automatically displays a folder view of the folder. For example,in FIG. 5DD, the device displays a folder view 5106 that includes twoselectable user interface objects (e.g., 5002-4 and 5002-13). In someembodiments, when a folder view is displayed the device also displays afolder renaming region for renaming the folder. For example in FIG. 5DD,the device displays a folder view 5106 with a folder renaming region5108, where the device has received a renaming input (e.g., text inputfrom a physical keyboard, a keypad, a soft keyboard or otheralphanumeric character entry device) to change the name of the folderfrom “GAMES” to “PLAY.” In response to the renaming input, the devicechanges the name of the folder and changes the appearance of the foldericon (e.g., 5004-7) in accordance with the renaming input (e.g.,changing “GAMES” in FIG. 5DD to “PLAY” in FIG. 5EE after receiving therenaming input).

In some embodiments, the folder view is displayed by dividing thewallpaper background into a first portion (e.g., 5108) and a secondportion (e.g., 5110) and shifting the first portion (e.g., 5108) of thewallpaper background away from the second portion (e.g., 5110) of thewallpaper background so as to display the folder view 5106 in an areabetween the first portion 5108 and the second portion 5110.

In some embodiments, after the creation of the folder has been confirmed(e.g., by renaming the folder, opening and closing the folder, addingadditional selectable user interface objects to the folder, etc.) thefolder is not deleted when a single item is removed from the folder.Rather, in some embodiments, the folder is only deleted by the devicewhen all of the items are removed from the folder. For example, in FIG.5EE, the device detects a request to remove a selectable user interfaceobject (e.g., 5002-4) from the folder view (e.g., detecting a contact5112 and subsequent movement 5114 of the contact 5112 on the touchscreen 112 to a location that is outside of the folder view 5106 intothe first portion 5108 of the desktop background). In response to therequest to remove the selectable user interface object e.g., 50024 fromthe folder view 5106, the device removes the selectable user interfaceobject 5002-4 from the folder view 5106 and displays the selectable userinterface object 5002-4 outside of the folder view 5106 as illustratedin FIG. 5FF. Continuing with this example, in FIG. 5FF the devicedetects a request to remove a last selectable user interface object(e.g., 5002-13) from the folder view that includes detecting a contact5116 and subsequent movement 5118 of the contact (e.g., from a firstcontact location 5116-a on the touch screen 112 that is inside thefolder view 5106 in FIG. 5FF to a second contact location 5116-b on thetouch screen 112 that is outside of the folder view 5106 in FIG. 5GG).In some embodiments, in response to the request, the last selectableuser interface object (e.g., 5002-13 in FIG. 5GG) is removed from thefolder in response to detecting termination of the input thatcorresponded to the request. In some embodiments, the last selectableuser interface object is displayed on the display (e.g., touch screen112) in accordance with a location of the contact 5116-b when the devicedetects a termination of the input (e.g., liftoff of the contact).

In some embodiments, after the last selectable user interface object(e.g., 5002-13 in FIG. 5GG) is removed from the folder view (e.g., 5106in FIG. 5GG), the reduced scale representation (e.g., “R”) of theselectable user interface object is removed from the folder icon. Forexample, in FIG. 5HH the folder icon 5004-7 does not include any reducedscale representations of selectable user interface objects (e.g.,because the folder associated with the folder icon does not contain anyselectable user interface objects).

In some embodiments, once the last selectable user interface object(e.g., 5002-13 in FIG. 5GG) has been removed from the folder view 5106,as illustrated in FIG. 5GG, the folder is deleted and the associatedfolder view cease to be displayed. For example, in FIG. 511, the devicehas ceased to display both the folder view (e.g., 5106 in FIG. 5GG) andthe folder icon (e.g., 5004-7 in FIG. 5GG) associated with the folder.In some embodiments, the device displays an animation of the folder icon(e.g., 5004-7 disappearing. For example, in FIG. 5HH the folder displaysa folder icon 5004-7 with no reduced scale representations of selectableuser interface objects and starts to shrink the folder icon 5004-7, asillustrated by the arrows in FIG. 5HH. Continuing this animation, inFIG. 511 the folder icon ceases to be displayed entirely. After ceasingto display the folder icon, in some embodiments the device rearrangesthe selectable user interface objects so as to close the gap inpredefined arrangement of the selectable user interface icons that wasleft by the deletion of the folder icon. For example, in FIG. 5JJ theselectable user interface object 5002-4 that is associated with asolitaire application is moved to the left to fill the gap left by thefolder icon (e.g., 5004-7 in FIG. 5HH).

Attention is now directed towards FIGS. 5KK-5PP, which illustrateexemplary user interfaces for adding selectable user interface objectsto a folder in accordance with some embodiments. In FIG. 5KK, the devicedisplays a plurality of selectable user interface objects including aplurality of action icons (e.g., 5002-1, 5002-2, 5002-3, 5002-5, 5002-6,5002-7, 5002-8, 5002-09, 5002-10, 5002-11, 5002-12, 5002-14, 5002-15,and 5002-16) and a plurality of folder icons (e.g., 5004-1-b, 5004-7,and 5004-2). In some embodiments, the device detects an input or thebeginning of an input (e.g., contact 5120-a on the touch screen 112 inFIG. 5KK) that corresponds to a request to move a respective selectableuser interface object (e.g., 5002-9) on the display (e.g., touch screen112). In some embodiments, one or more of the other selectable userinterface objects (e.g., action icons 5002 and folder icons 5004) havean default activation region (e.g., 5122-1-a, 5122-2-a, 5122-3-a,5122-4-a, 5122-5-a, 5122-6-a, 5122-7-a, 5122-8-a, 5122-9-a, 5122-10-a,5122-11-a, 5122-12-a, 5122-13-a, 5122-14-a, 5122-15-a, 5122-16-a,5122-17-a), where each activation region for a respective selectableuser interface object is for performing an action associated with therespective selectable user interface object. In some embodiments, arespective activation region for a respective action icon is associatedwith an action of creating a folder that includes the respective actionicon. In some embodiments, a respective activation region for arespective folder icon is associated with an action of adding theselectable user interface object to a folder associated with therespective folder icon. In some embodiments, one or more of the arespective activation regions changes from the default size to anadjusted size (e.g., 5122-1-b, 5122-2-b, 5122-3-b, 5122-4-b, 5122-5-b,5122-6-b, 5122-7-b, 5122-8-b, 5122-9-b, 5122-10-b, 5122-11-b, 5122-12-b,5122-13-b, 5122-14-b, 5122-15-b, 5122-16-b, 5122-17-b in FIG. 5LL) inresponse to detecting an input on the touch-sensitive surface thatcorresponds to movement of a first selectable user interface object(e.g., 5002-9 in FIG. 5KK). In some embodiments the adjusted size of arespective activation region (e.g., 5122-13-b in FIG. 5LL) is determinedbased on a distance from the respective activation region (e.g.,5122-13-a in FIG. 5KK) to the first respective selectable user interfaceobject (e.g., 5002-9 in FIG. 5KK) on the display (e.g., touch screen112).

As one example of adding a selectable user interface object to a folder,the device detects an input that corresponds to a request to move aselectable user interface object to an activation region that isassociated with a folder icon. For example the device detects a contact5120 at a location on the touch-sensitive surface (e.g., touch screen112) that corresponds to a respective selectable user interface object5002-9, and detects subsequent movement 5121 of the contact across thetouch-sensitive surface (e.g., from a first contact location 5120-a inFIG. 5KK to a second contact location 5120-b in FIG. 5LL to a thirdcontact location 5120-c in FIG. 5MM on touch screen 112). In response todetecting the input, the device moves the respective selectable userinterface object 5002-9 across the display (e.g., touch screen 112), inaccordance with the movement of the contact 5120 as illustrated in FIGS.5KK-5MM. In some embodiments, the device automatically rearranges theselectable user interface objects as the respective selectable userinterface object 5002-9 is moved across the display (e.g., touch screen112). In some embodiments, the device does not rearrange the selectableuser interface objects until a predetermined condition has been met(e.g., the contact 5120 ceases to be detected on the touch screen 112).For example, in FIGS. 5LL-5MM, even though the respective selectableuser interface object 5002-9 has been moved across the display (e.g.,touch screen 112), the other selectable user interface objects are notimmediately rearranged.

In some embodiments, the device detects a termination of the input(e.g., a liftoff of contact 5120-c in FIG. 5MM) while the respectiveselectable user interface object 5002-9 is at least partly within anactivation region (e.g., 5122-13-b) for one of the other selectable userinterface objects (e.g., folder icon 5004-7). In some embodiments, inresponse to detecting the termination of the input, the device adds therespective selectable user interface object 5002-9 to a folderassociated with the selectable user interface object (e.g., folder icon5004-7). In some embodiments, after the respective selectable userinterface object (e.g., 5002-9) has been added to the folder associatedwith the selectable user interface object (e.g., folder icon 5004-7),the device modifies the folder icon (e.g., 5004-7 in FIG. 5NN) toinclude a reduced scale representation (e.g., “S” in folder icon 5004-7in FIG. 5NN) of the action icon, as illustrated in FIG. 5NN. In someembodiments, after the action icon 5002-9 has been added to the folderassociated with the folder icon 5004-7, the device rearranges theselectable user interface objects on the display (e.g., touch screen112) so as to fill any gaps in the arrangement, as illustrated in FIG.500, where the gap left by the movement of action icon 5002-9 into afolder is filled.

In FIG. 5OO, the device detects another input including a contact 5124on the touch-sensitive surface (e.g., touch screen 112) at a locationthat corresponds to a location of an action icon 5002-8 on the display(e.g., touch screen 112) and subsequent movement 5126 of the contact(e.g., from a first contact location 5124-a in FIG. 5OO to a secondcontact location 5124-b in FIG. 5PP on the touch screen 112). In someembodiments, one or more of the other selectable user interface objects(e.g., action icons 5002 and folder icons 5004) have an activationregion (e.g., 5128-1, 5128-2, 5128-3, 5128-4, 5128-5.5128-6, 5128-7,5128-8, 5128-9, 5128-10, 5128-11, 5128-12, 5128-13, 5128-14, 5128-15),where each activation region for a respective selectable user interfaceobject is for performing an action associated with the respectiveselectable user interface object. In some embodiments, a respectiveactivation region (e.g., 5128-1, 5128-2, 5128-3, 5128-4, 5128-5, 5128-6,5128-8, 5128-9, 5128-10, 5128-11, 5128-12, or 5128-13) for a respectiveaction icon is associated with an action of creating a folder thatincludes the respective action icon. In some embodiments, a respectiveactivation region (e.g., 5128-7, 5128-11, or 5128-15) for a respectivefolder icon is associated with an action of adding the respectiveselectable user interface object (e.g., 5002-8) to a folder associatedwith the respective folder icon. In some embodiments the size of theactivation regions is determined based on a distance of the activationregion from the respective selectable user interface object (e.g.,5002-8). In some embodiments the activation regions are not displayed onthe display (e.g., touch screen 112).

In response to detecting the input (e.g., movement 5126 of the contact5124 on the touch screen 112 in FIGS. 500-5PP), the device moves therespective selectable user interface object 5002-8 across the display(e.g., touch screen 112), in accordance with the movement of the contact5124 as illustrated in FIGS. 500-5PP. In some embodiments, the devicedoes not rearrange the selectable user interface objects until apredetermined condition has been met, as described in greater detailabove with reference to FIGS. 5LL-5MM. In some embodiments, the deviceautomatically rearranges the selectable user interface objects as therespective selectable user interface object 5002-8 is moved across thedisplay (e.g., touch screen 112), as illustrated in FIG. 5PP. Forexample, in FIGS. 500-5PP, even though the respective selectable userinterface object 5002-8 is still being moved across the display (e.g.,touch screen 112), the other selectable user interface objects have beenrearranged to fill in the gap that would have been left by therespective selectable user interface object 5002-8 moving across thedisplay (e.g., touch screen 112).

In some embodiments the device detects additional movement 5130 of thecontact (e.g., from the second contact location 5124-b in FIG. 5PP to acontact location that is within the activation region 5128-11 for arespective folder icon 5004-7). In some embodiments, the device detectsa termination of the input (e.g., a liftoff of contact 5124 from thetouch screen 112) while the respective selectable user interface object5002-8 is at least partly within an activation region (e.g., 5128-11)for one of the other selectable user interface objects (e.g., foldericon 5004-7). In some embodiments, in response to detecting thetermination of the input, the device adds the respective selectable userinterface object 5002-8 to a folder associated with the selectable userinterface object (e.g., folder icon 5004-7). In some embodiments, afterthe respective selectable user interface object (e.g., 5002-8) has beenadded to the folder associated with the selectable user interface object(e.g., folder icon 5004-7), the device modifies the folder icon (e.g.,5004-7 in FIG. 5QQ) to include a reduced scale representation (e.g., “M”in folder icon 5004-7 in FIG. 5QQ) of the action icon, as illustrated inFIG. 5QQ.

Attention is now directed towards FIGS. 5QQ-5SS, which illustrateexemplary user interfaces for moving folder icons in accordance withsome embodiments. In some embodiments, while the device is in the userinterface reconfiguration mode, folder icons can be moved around thedisplay (e.g., touch screen 112) in response to folder repositioninginputs on the touch-sensitive surface (e.g., touch screen 112). Forexample, in FIG. 5QQ, the device detects an input including contact 5132at a location that corresponds to a location of a respective folder icon5004-7 on the touch-sensitive surface (e.g., touch screen 112), anddetects subsequent movement 5134 of the contact 5132 across thetouch-sensitive surface (e.g., movement across the touch screen 112 froma first contact location 5132-a in FIG. 5QQ to a second contact location5132-b in FIG. 5RR). In response to detecting the input, the devicemoves the respective folder icon 5004-7 to a new location on the display(e.g., touch screen 112) in accordance with the input, as illustrated inFIG. 5RR. In some embodiments, after detecting a predetermined condition(e.g., termination of the input, or a pause in the movement for morethan a predetermined period of time), the device rearranges theselectable user interface objects so as to make space for the respectivefolder icon (e.g., 5004-7) that was moved in response to detecting theinput, as illustrated in FIG. 5SS.

Attention is now directed towards FIGS. 5SS-5VV, which illustrateexemplary user interfaces for rearranging selectable user interfaceobjects within folders in accordance with some embodiments. In FIG. 5SSthe device detects a folder view display input (e.g., tap gesture 5136at a location that corresponds to a location of a folder icon 5004-7 onthe touch screen 112). In response to the folder view display input, thedevice displays a folder view (e.g., 5138 in FIGS. 5TT-5UU) thatincludes selectable user interface objects (e.g., action icons 5002-4,5002-13, 5002-9, 5002-8) that are associated with the folder representedby the folder icon 5004-7. In some embodiments, the selectable userinterface objects within the folder view (e.g., 5138) have apredetermined spatial arrangement, and can be rearranged based ondetected rearrangement inputs. For example, in FIG. 5TT the devicedetects a rearrangement input (e.g., contact 5140 and subsequentmovement 5142 of the contact 5140 across the touch screen 112). Inresponse to detecting the rearrangement input, the device moves one ormore respective selectable user interface objects within the folder viewfrom a first location within the spatial arrangement of the folder viewto a second location within the spatial arrangement of the folder viewin accordance with the rearrangement input. For example, in FIG. 5TT thedevice detects a contact 5140 at a location on the touch-sensitivesurface (e.g., touch screen 112) that corresponds to a location of thestocks application icon 5002-9 on the display (e.g., touch screen 112),and detects subsequent movement 5142 of the contact 5140 to a locationon the touch-sensitive surface (e.g., touch screen 112) that correspondsthe far left of the spatial arrangement on the display (e.g., touchscreen 112). In response to the movement, the device moves the stocksapplication icon 5002-9 to a left most position within the spatialarrangement of the folder view 5138, as illustrated in FIG. 5UU.

Additionally, in some embodiments, the folder icon (e.g., 5004-7)associated with the folder view (e.g., 5138) is updated to reflect thechanges to the spatial arrangement of the icons within the folder view(e.g., 5138). For example, in FIG. 5TT (e.g., before the spatialarrangement of the selectable user interface objects within the folderview has been changed) the device displays reduced scale representations(e.g., “O.” “R,” “S,” “M” in order from left to right, top to bottom) ofthe selectable user interface objects in the folder view 5138 in a firstorder that corresponds to the spatial arrangement of the selectable userinterface objects (e.g., solitaire application icon 5002-4, racingapplication icon 5002-13, stocks application icon 5002-9, mapsapplication icon 5002-8 in order from left to right, top to bottom). Incontrast, in FIG. 5UU (e.g., after the spatial arrangement has beenchanged) the device displays reduced scale representations (e.g., “S,”“O,” “R,” “M” in order from left to right, top to bottom) of theselectable user interface objects in the folder view 5138 in a secondorder that corresponds to the new spatial arrangement of the selectableuser interface objects (e.g., stocks application icon 5002-9, solitaireapplication icon 5002-4, racing application icon 5002-13, mapsapplication icon 5002-8 in order from left to right, top to bottom).

In some embodiments, in response to a folder view exit input the deviceceases to display the folder view. For example, in FIG. 5UU the devicedetects tap gesture 5144 at a location on the touch-sensitive surface(e.g., touch screen 112) that corresponds to a location on the display(e.g., touch screen 112) that is outside of the folder view. In responseto detecting the tap gesture 5144 the device ceases to display thefolder view, as illustrated in FIG. 5VV. In some embodiments, the devicedisplays an animation of the folder view closing (e.g., the backgroundwallpaper closing over the selectable user interface objects that arewithin folder view 5138) on the display (e.g., touch screen 112).

Attention is now directed towards FIGS. 5VV-5BBB, which illustrateexemplary user interfaces for removing selectable user interface objectsfrom a folder in accordance with some embodiments. In some embodiments,the device detects a folder view display input (e.g., tap gesture 5146at a location that corresponds to a folder icon 5004-1-b on touch screen112 in FIG. 5VV). In response to detecting the folder view display inputthe device displays a folder view 5148 that includes content of thefolder (e.g., action icons 5002-19, 5002-20, 5002-21, 5002-22, 5002-23,5002-24, and 5002-25 on touch screen 112), as illustrated in FIG. 5WW.

In some embodiments one or more of the selectable user interface objectsincludes a notification badge (e.g., 5150 in FIG. 5WW) that indicatesthat an application (e.g., app-7) associated with the selectable userinterface object (e.g., action icon 5002-25) requires attention of auser of the device. In some embodiments one or more additionalnotification badges (e.g., 5012 and/or 5014) are also displayed on thefolder icon (e.g., 5004-1-b) that is associated with the foldercontaining the selectable user interface object (e.g., action icon5002-25). In some embodiments the additional notification badges areupdated as the notification badges on the selectable user interfaceobject are updated (e.g., when the notification badge 5150 appears,disappears or changes so as to indicate that the number of notificationshas changed).

In some embodiments the device detects a selectable user interfaceobject removal input and in response to detecting the selectable userinterface object removal input the device removes a selectable userinterface object from the folder view. For example, in FIG. 5WW, thedevice detects contact 5152 at a location on the touch-sensitive surface(e.g., touch screen 112) that corresponds to a location of anapplication icon 5002-19 on the display (e.g., touch screen 112) andsubsequent movement 5154 of the contact 5152 across the touch-sensitivesurface (e.g., touch screen 112) towards a location that corresponds toa portion of the display (e.g., touch screen 112) that is outside of thefolder view 5148. In some embodiments, the input is a quick gesture thatdoes not specify a particular location outside of the folder view (e.g.,the gesture is a flick gesture or a quick tap and drag gesture that doesnot include a pause outside of the folder view), and the device movesthe selectable user interface object to an automatically determinedlocation on the display (e.g., touch screen 112) that is outside of thefolder view. Continuing the example above, in response to detecting thecontact 5152 and subsequent movement 5154 of the contact, the deviceremoves the action icon 5002-19 from the folder view 5148, closes thefolder view, and displays the action icon 5002-19 at the first openlocation in the arrangement of selectable user interface objects on thedisplay (e.g., touch screen 112). In this example, the action icon5002-19 is displayed at the bottom right hand corner of thethree-by-four array of selectable user interface objects on the display(e.g., touch screen 112 in FIG. 5XX).

In some embodiments, when a selectable user interface object has beenremoved from the folder associated with a folder icon, the deviceupdates the folder icon associated with the folder. For example, in FIG.5WW the folder icon 5004-1-b associated with the displayed folder view5148 includes four reduced scale representations (e.g., “x4.” “x5,”“x6,” and “x7”) of the selectable user interface objects that arecontained within the folder associated with the folder icon 5004-1-b. Insome embodiments, empty spaces in the folder icon indicate that thefolder view includes space to add more selectable user interfaceobjects, as illustrated in folder icon 5004-1-b in FIG. 5WW. However,after the selectable user interface object (e.g., action icon 5002-19)is removed from the folder associated with the folder icon (e.g.,5004-1-b), the device changes the appearance of the folder icon (e.g.,5004-1-b in FIG. 5XX), so as to indicate that the selectable userinterface object (e.g., 5002-19) has been removed from the folder. Forexample, in FIG. 5XX, the folder icon 5004-1-b shows the reduced scalerepresentations in the folder (e.g., “x2,” “x3,” “x4,” “x5,” “x6,” and“x7” are displayed) rearranged so as to indicate that there is one lessselectable user interface object in the folder associated with thefolder icon 5004-1-b.

In some embodiments, the device detects an action icon selection input(e.g., tap gesture 5155 at a location that corresponds to an action icon5002-12 on the touch screen 112 in FIG. 5XX) while the device is in userinterface reconfiguration mode, and in response to the action iconselection input while the device is in user interface reconfigurationmode, the device does not activate an application (e.g., a cameraapplication) that is associated with the action icon (e.g., cameraapplication icon 5002-12). In some embodiments, the device detects afolder view display input (e.g., tap gesture 5156 at a location thatcorresponds to a folder icon 5004-1-b in FIG. 5XX). In response todetecting the folder view display input the device displays a folderview 5158 that includes content of the folder (e.g., action icons5002-20, 5002-21, 5002-22, 5002-23, 5002-24, and 5002-25) on the display(e.g., touch screen 112), as illustrate in FIG. 5YY.

In some embodiments, while the device is in a user interfacereconfiguration mode, the device detects an input that corresponds to arequest to activate an application associated with one of the actionicons (e.g., tap gesture 5156, which corresponds to a request toactivate an app-7 application that corresponds to the app-7 applicationicon 5002-25). However, in accordance with some embodiments, in responseto detecting the input the device does not activate the application iconwhile the device is in user interface reconfiguration mode.

In some embodiments the device detects a selectable user interfaceobject removal input and in response to detecting the selectable userinterface object removal input the device removes a selectable userinterface object from the folder view. In some embodiments, when theselectable object removal input meets predefined conditions, theselectable user interface object is positioned within an arrangement ofselectable user interface objects in accordance with the selectableobject removal input. For example, in FIG. 5YY, the device detectscontact 5162 at a location on the touch-sensitive surface (e.g., touchscreen 112) that corresponds to a location of an application icon5002-22 on the display (e.g., touch screen 112) and subsequent movement5164 of the contact 5152 across touch-sensitive surface (e.g., movementacross touch screen 112 from contact location 5162-a within the folderview 5158 in FIG. 5YY to a contact location in FIG. 5ZZ that correspondsto a portion of the touch screen 112 that is outside of the folder view5158). In some embodiments, the device detects the contact at a location(e.g., contact location 5162-b) on the touch-sensitive surface (e.g.,touch screen 112) that corresponds to a location on the display (e.g.,touch screen 112) that is outside of the folder view 5158 for more thana threshold time period, and in response, the device ceases to displaythe folder view, as illustrated in FIG. 5AAA.

In some embodiments, after the folder view ceases to be displayed thedevice continues to detect movement 5166 of the contact 5162 (e.g.,movement from the second contact location 5162-b on touch screen 112 inFIG. 5AAA to a third contact location 5162-c on touch screen 112 in FIG.5BBB that corresponds to a location within an arrangement of selectableuser interface objects on the touch screen 112). In response to thecontinued movement 5166, the device moves the selectable user interfaceobject (e.g., action icon 5002-22) on the display (e.g., touch screen112) in accordance with the movement of the contact. In someembodiments, the selectable user interface object (e.g., action icon5002) that was removed from the folder in this way is placed inaccordance with the selectable user interface object input. Continuingthe example from above, the device detects a termination of the input(e.g., a liftoff of the contact 5162 from the touch screen 112 atcontact location 5162-c in FIG. 5BBB) that is associated with a locationon the display (e.g., touch screen 112) that is within the arrangementof selectable user interface objects. As illustrated in FIG. 5BBB, thecontact 5162-c and the action icon 5002-22 are located in between two ofthe other selectable user interface objects (e.g., 5002-6 and 5004-7)and upon detecting a termination of the input (e.g., liftoff of contact5162-c in FIG. 5BBB) the selectable user interface object is displayedat the location within the arrangement of selectable user interfaceobjects that was indicated by the input (e.g., the App-4 action icon5002-22 is displayed in between the notes action icon 5002-6 and thegames folder icon 5004-7 on the touch screen 112 in FIG. 5CCC).

In some embodiments, when a selectable user interface object has beenremoved from the folder associated with a folder icon, the deviceupdates the folder icon associated with the folder. For example, in FIG.5YY the folder icon 5004-1-b associated with the displayed folder view5158 displays six reduced scale representations (e.g., “x2,” “x3” “x4,”“x5,” “x6,” and “x”) of the selectable user interface objects that arecontained within the folder associated with the folder icon 5004-1-b.However, after the selectable user interface object (e.g., action icon5002-22) is removed from the folder associated with the folder icon(e.g., 5004-1-b), the device changes the appearance of the folder icon(e.g., from 5004-1-b in FIGS. 5XX-5ZZ to 5004-1-b in FIG. 5AAA), so asto indicate that the selectable user interface object (e.g., 5002-22)has been removed from the folder. For example, in FIG. 5AAA, the foldericon 5004-1-b shows all of the reduced scale representations in thefolder rearranged (e.g., only “x2” “x3,” “x5,” “x6,” and “x7” aredisplayed), so as to indicate that there is one less selectable userinterface object in the folder associated with the folder icon 5004-1-b.Additionally, in some embodiments, the reduced scale representation ofthe removed selectable user interface object ceases to be displayedwithin the folder icon. For example, reduced scale representation “x4”is no longer displayed in the folder icon 5004-1-b in FIG. 5CCC becauseaction icon 5002-22 has been removed from the folder).

Attention is now directed towards FIGS. 5CCC-5EEE, which illustrateexemplary user interfaces for navigating through pages of selectableuser interface objects within a folder view in accordance with someembodiments. In some embodiments, the device detects a folder viewdisplay input (e.g., tap gesture 5168 at a location on the touch screen112 that corresponds to a location of a folder icon 5004-2 on the touchscreen 112 in FIG. 5CCC). In response to detecting the folder viewdisplay input the device displays a folder view 5170 that includescontent of the folder (e.g., action icons 5002-26, 5002-27, 5002-28,5002-29, 5002-30, 5002-31, 5002-32, 5002-33, 5002-34, 5002-35, 5002-36,and 5002-37) on the display (e.g., touch screen 112) as illustrated inFIG. 5EEE.

In some embodiments, when the folder view display input is a request todisplay a folder view for a folder icon (e.g., 5004-2) that is in a tray(e.g., 5006 in FIG. 5CCC) in the user interface, the device displays ananimation of the folder view expanding from the dock. For example inFIG. 5CCC, the device detects tap gesture 5168 on a folder icon 5004-2that is in the tray 5006, and in FIG. 5EEE a folder view 5170 of thefolder is displayed. In some embodiments, the device displays atransition animation before displaying the folder view, as illustratedin FIG. 5DDD. For example, in response to detecting the tap gesture 5168the device divides the wallpaper background into a first portion 5172and a second portion 5174 and displays an animation of a wallpaperbackground sliding back (e.g., the second portion 5174 moving away fromthe first portion 5172) so as to reveal selectable user interfaceobjects (e.g., 5002-34, 5002-35, 5002-36, 5002-37 in FIG. 5DDD) thatappear to be beneath the wallpaper background. At the end of theanimation the contents or a portion of the contents of the folder aredisplayed in the folder view 5170 on the display (e.g., touch screen112).

In some embodiments the folder includes more selectable user interfaceobjects than can be displayed in the folder view (e.g., 5170 in FIG.5EEE). In some embodiments the folder has a maximum number of selectableuser interface objects that can be added to the folder, where themaximum number is based on the maximum number of selectable userinterface objects that can be displayed in the folder view for thefolder. For example in FIG. 5EEE, only 12 selectable user interfaceobjects could be added to the folder associated with the folder view5170. However, in some embodiments, the folder view contains a pluralityof “pages” or sets of selectable user interface objects, and the foldercan hold additional selectable user interface objects that do not fit inthe first set of selectable user interface objects (e.g., action icons5002-26, 5002-27, 5002-28, 5002-29, 5002-30, 5002-31, 5002-32, 5002-33,5002-34, 5002-35, 5002-36, and 5002-37) by displaying the additionalselectable user interface objects that are part of subsequent sets ofselectable user interface objects. For example, in FIG. 5EEE the devicedetects a next page input including contact 5176 and subsequent movement5178 of the contact across the touch-sensitive surface (e.g., touchscreen 112). In response to detecting the next page input, the devicedisplays a second set of selectable user interface objects (e.g., actionicons 5002-38, 5002-39, 5002-40, 5002-41, 5002-42, and 500243 in FIG.5FFF) within the folder view 5170 for the folder. In other words thefolder includes eighteen selectable user interface objects with twelveselectable user interface objects in a first page and six selectableuser interface objects on a second page.

Attention is now directed towards FIGS. 5GGG-5MMM, which illustrateexemplary user interfaces for removing selectable user interface objectsfrom a folder in accordance with some embodiments. In some embodiments,the device detects a folder view display input (e.g., tap gesture 5168at a location that corresponds to a folder icon 5004-2 on the touchscreen 112 in FIG. 5CCC). In response to detecting the folder viewdisplay input the device displays a folder view 5182 that includescontent of the folder (e.g., action icons 5002-26, 5002-27, 5002-28,5002-29, 5002-30, 5002-31, 5002-32, 5002-33, 5002-34, 5002-35, 5002-36,and 5002-37), as illustrated in FIG. 5GGG.

In some embodiments the folder view (e.g., 5182) includes all of orsubstantially all of the display (e.g., touch screen 112) in some ofthese embodiments, the device displays a selectable user interfaceobject removal region (e.g., 5184 in FIG. 5GGG). In some embodiments, inresponse to detecting a removal request that corresponds to a request tomove a respective selectable user interface object into the selectableuser interface object removal region 5184, the device removes therespective selectable user interface object from the folder. Forexample, in FIG. 5GGG, the device detects a contact 5186 and movement5188 of the contact (e.g., movement from a first contact location 5168-ain FIG. 5GGG that corresponds to a location of the respective selectableuser interface object 5002-32 on the touch screen 112 to a secondcontact location 5186-b in FIG. 5HHH that corresponds to a location onthe touch screen 112 that is proximate to or within the selectable userinterface object removal region 5184). Continuing this example, thedevice moves the respective selectable user interface object (e.g.,action icon 5002-32) into the selectable user interface object removalregion 5184. In some embodiments, in response to detecting terminationof the input (e.g., liftoff of contact 5186-b in FIG. 5HHH), the deviceceases to display the respective selectable user interface object (e.g.,action icon 5002-32) from the folder view 5182 and automaticallyrearranges the selectable user interface objects within the folder view5182 so as to close any gaps in the arrangement of the selectable userinterface objects. For example in FIG. 5III the selectable userinterface objects have been rearranged so as to fill in the gap thatremained in FIG. 5HHH after the respective selectable user interfaceobject (e.g., action icon 5002-32) was removed from the folder view.

In some embodiments, the folder view ceases to be displayedautomatically after a selectable user interface object (e.g., actionicon 5002-32) is removed from the folder (e.g., the device automaticallyswitches from the user interface displayed in FIG. 5111 to the userinterface displayed in FIG. 5JJJ. In some embodiments the device detectsan exit folder view input (e.g., tap gesture 5190 on “exit folder” iconin the upper right corner of the folder view 5182 in FIG. 5III). Inresponse to detecting the exit folder view input, the device ceases todisplay the folder view and redisplays the home screen, as illustratedin FIG. 5JJJ. In some embodiments the selectable user interface object(e.g., 5002-32) that was removed from the folder is displayed on thehome screen, as illustrated in FIG. 5JJJ.

In some embodiments, the device detects a folder view display input(e.g., tap gesture 5192 at a location that corresponds to a folder icon5004-2 in FIG. 5JJJ). In response to detecting the folder view displayinput the device redisplays the folder view 5182 that includes themodified content of the folder (e.g., action icons 5002-26, 5002-27,5002-28, 5002-29, 5002-30, 5002-31, 5002-33, 5002-34, 5002-35, 5002-36,and 5002-37), as illustrated in FIG. 5KKK. In some embodiments, insteadof, or in addition to, the selectable user interface object removalregion described above, the device displays an object modificationtarget associated with one or more of the selectable user interfaceobjects. For example, in FIG. 5KKK each of the selectable user interfaceobjects has an object modification target associated with it (e.g.,action icon 5002-37 has a respective object modification target 5194).

In some embodiments, when the device detects a request to activate theobject modification target for a respective selectable user interfaceobject (e.g., tap gesture 5196 at a location on the touch screen 112that corresponds to a location of an object modification region foraction icon 5002-37), the device displays an object modificationdialogue. For example in FIG. 5LLL the device displays a pop-up dialogue5198 that provides the user with options for modifying the selectableuser interface object (e.g., deleting action icon 5002-37, removingaction icon 5002-37 from the folder, or canceling the objectmodification operation). In this example, in response to an input thatcorresponds to a request to delete the selectable user interface object(e.g., tap gesture 5200 on a delete button), the device deletes theselectable user interface object (e.g., removing the action icon 5002-37from the folder associated with the folder view and from the deviceentirely, so that it is not displayed on a home screen or any otherfolder view, as illustrated in FIG. 5MMM). In some embodiments, when theselectable user interface is deleted an application associated with theselectable user interface object is deleted from the device. In thisexample, in response to an input that corresponds to a request to cancelthe object modification operation (e.g., tap gesture 5202 on a cancelicon), the device ceases to display the object modification dialogue5198 without modifying the selectable user interface object (e.g.,action icon 5002-37) thereby returning to the user interface displayedin FIG. 5KKK. In this example, in response to an input that correspondsto a request to remove the selectable user interface object from thefolder (e.g., tap gesture 5204 on a remove button), the device removesthe selectable user interface object from the folder (e.g., asillustrated in FIG. 5MMM) without removing the selectable user interfaceobject from the device (e.g., removing the action icon 5002-37 from thefolder associated with the folder view and displaying the action icon5002-37 on the home screen as illustrated in FIG. 5NNN).

Attention is now directed towards FIGS. 5NNN-5OOO, which illustrateexemplary user interfaces for displaying a folder view while in a normaloperating mode in accordance with some embodiments. In some embodimentsthe device detects an input that corresponds to a request to exit theuser interface reconfiguration mode and return to a normal operationmode. For example, in FIG. 5NNN the device detects a request to returnto normal operation mode (e.g., a press input 5206 on home button 204 inFIG. 5NNN). In response to the request to return to the normal operationmode, the device returns to normal operation mode so that the selectableuser interface objects (e.g., action icons 5002 and folder icons 5004)in FIGS. 5OOO-5PPP can no longer be rearranged (although, in someembodiments, the arrangement of selectable user interface objects can bescrolled in one or two dimensions).

In some embodiments, while the device is in a normal operation mode,selection of a respective action icon 5002 results in activating anapplication associated with the respective action icon. For example inFIG. 5OOO, in response to detecting selection of the photos action icon(e.g., detecting a tap gesture 5208 at a location on the touch-sensitivesurface that corresponds to the photos action icon 5002-1), the devicedisplays a photos application (e.g., launching the photos application ifthe photos application is not already running, or simply displaying thephotos application if the photos application is already running). Incontrast, in some embodiments, in response to detecting selection of arespective folder icon 5004 results in displaying a folder view for thefolder. For example, in FIG. 5OOO, after detecting selection of a gamesfolder icon (e.g., detecting a tap gesture 5210 at a location on thetouch-sensitive surface that corresponds to the games folder icon5004-7), the device displays a folder view 5212 for the games folder. Insome embodiments, while the device is in a normal operation mode,selection of a respective action icon 5002 within a folder view (e.g.,folder view 5212) results in activating an application associated withthe respective action icon. For example, in response to detectingselection of the photos action icon (e.g., detecting a tap gesture 5214at a location on the touch-sensitive surface (e.g., touch screen 112)that corresponds to the stocks action icon 5002-9), the device displaysa photos application (e.g., launching the stocks application if thestocks application is not already running, or simply displaying thestocks application if the stocks application is already running) on thedisplay (e.g., touch screen 112).

Attention is now directed towards FIGS. 5QQQ-5TT, which illustrateexemplary user interfaces for displaying a folder view while in thenormal operating mode in accordance with some embodiments. In FIG. 5QQQ,the device is displaying a plurality of selectable user interfaceobjects (e.g., action icons 5002 and folder icons 5004) on a homescreen. In some embodiments, the device detects an input that requestsselection of a folder icon. For example, in FIG. 5QQQ, the devicedetects a contact 5216 over folder icon 5004-12. Folder icon 5004-12includes a plurality of reduced scale representations of selectableicons that are associated with the folder (e.g., reduced scalerepresentations of selectable icons “y1,” “y2,” “y3,” “y4,” “y5,” “y6,”“y7,” “y8,” and “y9”). As explained below, in some embodiments, thereduced scale representations of the selectable icons included in foldericon 5004-12 correspond to a subset of the selectable icons within thefolder corresponding to folder icon 5004-12.

FIG. 5QQQ-FIG. 5T illustrate an animated transition between the homescreen (e.g., an application launch user interface) shown in FIG. 5QQQand a folder view corresponding to folder icon 5004-12 shown in FIG.5TT. Specifically, in this example, the plurality of selectable userinterface objects is displayed in a respective arrangement in the homescreen, and the animation enlarges the respective arrangement so thatthe folder icon 5004-12 is enlarged and moves toward the center of thedisplay (e.g., in FIGS. 5QQQ-5RRR, the device enlarges the arrangementso that folder icon 5004-12 is enlarged and moves toward a center oftouch screen 112; in FIGS. 5RRR-5SSS, the device enlarges thearrangement so that folder icon 5004-12 is enlarged and moves toward acenter of touch screen 112; and in FIGS. 5SSS-5TTT, the device enlargesthe arrangement so that folder icon 5004-12 is enlarged and moves towarda center of touch screen 112). During the animation, the device ceasesto display enlarged representations of the selectable user interfaceobjects other than folder icon 5004-12 as they are “shoved-off” thedisplay. After zooming-in on the folder icon 5004-12, display of theenlarged folder icon 5004-12 is replaced with the folder view, as shownin FIG. 5TT. In some embodiments, in response to a request to exit thefolder view shown in FIG. 5T (e.g., in response to activation of homebutton 204), the device reverses the animated transition shown in FIGS.5QQQ-5TTT (e.g., by stepping backward from FIG. 5TTT to FIG. 5SSS toFIG. 5RRR to FIG. 5QQQ).

Attention is now directed towards FIGS. 5TTT-5VVV, which illustrateexemplary user interfaces for displaying page indicator icons 5217 in afolder view and updating their appearance in accordance with a displayedpage of the folder view.

As shown in FIG. 5TTT, the folder view associated with folder icon5004-12 (FIGS. 5QQQ-5SSS) displays a first page that includes a firstsubset of the selectable icons in the folder. In some embodiments, thefolder view includes room to simultaneously display no more than acertain number of selectable icons that is less than the total number ofselectable icons within the folder. For example, the folder associatedwith folder icon 5004-12 includes action icons (e.g., application icons)5002-51, 5002-52, 5002-53, 5002-54. 5002-55, 5002-56, 5002-57, 5002-58,5002-59 displayed in the first page of the folder view (FIG. 5TTT), butalso includes at least action icons 5002-60, 5002-61, 5002-62, 5002-63,5002-64, 5002-65, 5002-66, 5002-67, 5002-68 displayed in the second pageof the folder view (FIG. 5VVV). In this example, the folder viewincludes room to display nine or fewer selectable icons in each page.

In some embodiments, the folder view associated with folder icon 5004-12also displays page indicator icons 5217 that indicate the number ofdistinct pages of selectable icons between which selectable icons in thefolder are divided. For example, in FIG. 5TTT, the folder view displaysthree page indicators (e.g., page indicators 5217-1 corresponding to thefirst page of selectable icons in the folder, 5217-2 corresponding tothe second page of selectable icons in the folder, 5217-3 correspondingto a third page of selectable icons in the folder) indicating thatselectable icons in the folder are divided amongst the three pages. Insome embodiments, a page indicator for a currently selected page isdisplayed differently from one or more page indicators for non-selectedpages. For example, in FIG. 5TTT, page indicator 5217-1 corresponding tothe currently selected page (e.g., the first page) is displayed with afirst appearance (e.g., as a solid black), while page indicators 5217-2and 5217-3 corresponding to non-selected pages are displayed with asecond appearance (e.g., as an unfilled circle), enabling the user todetermine his or her position within the plurality of pages.

In some embodiments, the device detects an input that corresponds to arequest to display a next page of the folder view. For example, in FIG.5TTT, the device detects a contact 5218 at 5218-a over a predefinedregion of the folder view (e.g., an area that does not correspond to arequest to initiate an action associated with an action icon). In someembodiments, the input corresponds to a request to display the next pageof the folder view includes a predefined gesture. For example, in FIG.5TTT, 5218 is continuously detected in a gesture 5220 across thedisplay. As shown in FIG. 5UUU, in some embodiments, the device displaysa dragging effect in which gesture 5220 results in animated shift fromthe first page to the second page (e.g., the device displays “rolling”or “sliding” the icons between the first and second pages). As furthershown in FIG. 5UUU, the device detects release (or liftoff) of contact5218 at 5218-b, and in response to detecting liftoff of contact 5218,the device displays the second page of selectable icons, as shown inFIG. 5VVV.

FIGS. 5VVV-5YYY illustrate an animated transition between the secondpage of the folder view and an application view. In some embodiments,the device detects an input corresponding to a request to initiate anaction associated with a selectable user interface object. For example,in FIG. 5VVV, a tap gesture that includes contact 5222 is detected overaction icon 5002-66, which is interpreted by the device as a request tolaunch “App y16”. Prior to detecting the input, in this example, aplurality of selectable user interface objects is displayed in arespective arrangement in the second page. While launching “App y16,” asshown in FIG. 5WWW, an animation enlarges the respective arrangement sothat the action icon 5002-66 is enlarged and moves toward the center ofthe display. As shown in FIG. 5XXX, during the animation, the deviceceases to display enlarged representations of the selectable userinterface objects other than action icon 5002-66 as they are“shoved-off” the display. After zooming-in on the action icon 5002-66display of the enlarged action icon 5002-66 is replaced with anapplication view 5224, as shown in FIG. 5YYY. In some embodiments, inresponse to a request to exit the application view 5224 shown in FIG.5YYY (e.g., in response to activation of home button 204), the devicereverses the animated transition shown in FIGS. 5VVV-5YYY (e.g., bystepping backward from FIG. 5YYY to FIG. 5XXX to FIG. 5WWW to FIG.5VVV).

Attention is now directed towards FIGS. 5ZZZ-5CCCC, which illustrateexemplary user interfaces for removing a respective icon from a folderview. FIG. 5ZZZ is analogous to FIG. 5VVV. However, in FIG. 5ZZZ, thedevice detects an input 5226 that corresponds to a request to enter auser interface reconfiguration mode. In some embodiments, an inputcorresponding to a request to enter a user interface reconfigurationmode is distinguished from a request to initiate an action icon based onpredefined criteria. For example, when a contact is detected over anaction icon for a predetermined amount of time (e.g., 0.51, or 2seconds), the device interprets the contact as a request to enter theuser interface reconfiguration mode. Whereas when the contact isdetected over an action icon for less than the predetermined amount oftime (e.g., the device detects a tap gesture rather than a long pressgesture), the device launches the application (e.g., as shown in FIGS.5VVV-5YYY) instead of entering a user interface reconfiguration mode(e.g., as shown in FIGS. 5ZZZ-5CCCC).

In FIG. 5AAAA, the device has entered a user interface reconfigurationmode. In some embodiments, the selectable user interface objects (e.g.,action icons 5002) display a visual indication that the device is in theuser interface reconfiguration mode. For example, as illustrated in FIG.5AAAA, the action icons jiggle as though they are floating on water(e.g., each respective action icon vibrates about a respective averageposition of the action icon on the display). Additionally, in someembodiments, while in the user interface reconfiguration mode, at leastsome of the action icons are associated with an object removal badge(e.g., 5010 in FIG. 5AAAA), and when the device detects activation ofthe object removal badge, the action icon associated with the objectremoval badge is removed from a page of the folder view (e.g., deleted).In some embodiments, deleting an action icon deletes an applicationassociated with the action icon. In some embodiments, deleting an actionicon deletes the icon without deleting an application associated withthe action icon.

In some embodiments, the device detects an input that corresponds to arequest to move a respective icon from the page of the folder view to arespective location on the display outside the folder. For example, inFIG. 5AAAA, the device detects contact 5228 at 5228-a and, whilecontinuously detecting contact 5228, detects gesture 5230 (e.g., a draggesture) corresponding to a request to move action icon 5002-66 to thebottom region of the display. As shown in FIG. 5BBBB, action icon5002-66 is moved (e.g., dragged) to the bottom region of the display,which in this example is a predetermined icon-removal region. Contact5226 is released (e.g., liftoff of contact 5226 is detected) at 5226-bresulting in action icon 5002-66 being “dropped” in the icon-removalregion 5231. In some embodiments, in accordance with a determinationthat the respective location is within the predetermined icon-removalregion, the action icon is removed from the folder view. In someembodiments, removal of the action icon from the folder view results inplacement of the action icon in a different location within the userinterface. For example, as shown in FIG. 5CCCC, action icon 5002-66 isnow located in the home screen, while the device remains in the userinterface reconfiguration mode.

Attention is now directed towards FIGS. 5ZZZ and 5DDDD-5FFFF, whichillustrate exemplary user interfaces for changing a page of a respectiveicon within a folder view in response to detection of movement of anicon into a page-change region (e.g., page-change region 5233-1 ornext-page region 5233-2). FIG. 5DDDD is analogous to FIG. 5AAAA, exceptthat, rather than contact 5226 moving from 5226-a to 5226-b andreleasing action icon 5002-66 in the icon-removal region 5231, contact5226 moves from 5226-c (FIG. 5DDDD), and after contact 5226 is detectedat location 5226-c (e.g., within page-change region 5233-2) for morethan a predetermined amount of time (e.g., 0.1, 0.2, 0.3, 0.4 or 0.5seconds), the device displays a next page of the folder view (e.g., thethird page of the folder view) as shown in FIG. 5EEEE and when thedevice detects liftoff of contact 5226 while the next page of the folderview is displayed, icon 5002-66 is moved to the next page (e.g., thethird page of the folder view)., In some embodiments, the devicedynamically rearranges the arrangement of the other action icons 5002(e.g., that are not action icon 5002-66) with the second page inresponse to movement of action icon 5002-66. In some embodiments, thedisplayed page changes in accordance with the movement of action icon5002-66 over the page-change region. For example, in FIG. 5EEEE, thepage-change region 5233-2 is a next page-change region, and the deviceconsequently transitions from displaying the second page (FIG. 5EEEE) todisplaying the third page (FIG. 5FFFF) in response to detecting movementof an icon into page-change region 5233-2; while page-change region5233-1 is a previous page-change region, and the device would transitionfrom displaying the second page (FIG. 5EEEE) to displaying the firstpage (FIG. 5CCCC) in response to detecting movement of an icon intopage-change region 5233-1. In this example, the third page of the folderview includes action icons 5002-69 and 5002-70, which were alreadypresent in the third page of the folder view.

FIG. 5FFFF also illustrates release of contact 5226 (e.g., liftoff ofcontact 5266 at location 5266-c), which, in this example, is interpretedby the device as a request to drop action icon 5002-66 in the third pageof the folder view. As shown in FIG. 5GGGG, the device dynamicallyrearranges arrangement of the action icons 5002 in the third page of thefolder view to accommodate the addition of action icon 5002-66, whileremaining in the user interface reconfiguration mode.

In some embodiments, while in the reconfiguration mode, the devicedetects an input that corresponds to a request to exit thereconfiguration mode. For example, in response to detecting activationof home button 204 by contact 5234 in FIG. 5GGGG, the device exits thereconfiguration mode and returns to the normal mode of operation (e.g.,a non-reconfiguration mode of operation) and displays the folder view,as shown in FIG. 5HHHH.

Attention is now directed towards FIGS. 5HHHH-5JJJJ, which illustrateexemplary user interfaces for animating a transition from a respectivepage of a folder view to the home screen.

In some embodiments, while displaying the third page (or second page,etc.) of the folder view, the device detects an input that correspondsto a request to close the folder view (e.g., activation of a homebutton). In response to detecting the input that corresponds to therequest to close the folder view, the device ceases to display thefolder view, and displays the home screen instead. For example, in FIG.5HHHH, the device detects an activation of home button 204 by contact5236. In response to the request to close the folder view, in FIG.5IIII, the device displays a page of the home screen which includesfolder icon 5004-12 corresponding to the folder view. In someembodiments, while displaying the home screen, the folder icon for thefolder includes reduced scale representations of action icons in thenow-departed page of the folder view. In some embodiments, the devicedisplays an animated transition between FIGS. 5HHHH and 5IIII that issimilar to a reverse of the animation that was displayed in FIGS.5QQQ-5TTT, except that the folder view has a different appearance,because it has different reduced scale representations displayed on thethird page of the folder view, and thus the appearance of the foldericon as it is reduced in size includes the reduced scale representationsshown in FIG. 5IIII. For example, FIG. 5HHHH illustrates the third pageof the folder view including action icons 5002-69, 5002-70, 5002-66.Upon navigating away from the folder view from the third page in favorof the home screen (FIG. 5IIII), folder icon 5004-12 includes reducedscale representations of action icons 5002-69, 5002-70, 5002-66.

In some embodiments, as shown in FIG. 5JJJJ, the device transitions todisplaying, in folder icon 5004-12, reduced scale representations of thefirst page of action icons in lieu of the reduced scale representationsof the third page of action icons in the folder.

Attention is now directed towards FIGS. 5JJJJ-5LLLL, which illustrateexemplary user interfaces for navigating to a different page ofselectable user interface objects. In some embodiments, the devicedetects an input that corresponds to a request to display a differentpage of selectable user interface objects in a plurality of distinctseparately displayed pages of selectable user interface objects. Forexample, FIG. 5JJJJ illustrates detection of gesture 5238 beginning at5238-a. FIG. 5KKKK illustrates gesture 5238 terminating (e.g., bydetecting lift off of the gesture) at 5238-b. As also shown in FIG.5KKKK, in response to the gesture, which in this example is a swipegesture, the device displays an animated transition between the thirdpage and the second page and, optionally, if the transition is notcomplete when liftoff of contact 5238 is detected, the device completesthe animated transition so as to cease to display the third page anddisplay the second page instead (illustrated in 5LLLL).

FIGS. 6A-6E are flow diagrams illustrating a method 600 of creating anew folder in accordance with some embodiments. The method 600 isperformed at a multifunction device (e.g., device 300, FIG. 3, orportable multifunction device 100, FIG. 1) with a display and atouch-sensitive surface. In some embodiments, the display is a touchscreen display (e.g., 112 in FIGS. 5A-5N, 5P-5LLLL) and thetouch-sensitive surface is on the display. In some embodiments, thedisplay is separate from the touch-sensitive surface. Some operations inmethod 600 may be combined and/or the order of some operations may bechanged.

As described below, the method 600 provides an intuitive way to create anew folder. The method reduces the cognitive burden on a user whencreating new folders, thereby creating a more efficient human-machineinterface. For battery-operated computing devices, enabling a user tocreate a new folder faster and more efficiently conserves power andincreases the time between battery charges.

The device displays (602) a plurality of selectable user interfaceobjects on the display (e.g., in FIG. 5M, the device displays aplurality of action icons 5002 and a plurality of folder icons 5004 ontouch screen 112). In some embodiments, the selectable user interfaceobjects are (604) action icons 5002. For example, action icons 5002 mayinclude one or more activateable icons that represent a softwareprograms (e.g., photos application icon 5002-1, clock application icon5002-2, browser application icon 5002-3, solitaire application icon5002-4, weather application icon 5002-5, notes application icon 5002-6,texts application icon 5002-7, maps application icon 5002-8, stockapplication icon 5002-9, camera application icon 5002-12, racingapplication icon 5002-13, email application icon 5002-14, phoneapplication icon 5002-15, iPod application icon 5002-16), files (e.g.,document action icon 5002-11), bookmarks (e.g., bookmark action icon5002-10), etc. Similarly, a first folder icon 5004-1-b is associatedwith a first folder, while a second folder icon 5004-2 is associatedwith a second folder.

In response to detecting an input that corresponds to selection of arespective selectable user interface object, the device activates (606)an application that is associated with the respective selectable userinterface object. In some embodiments, applications are only activatedwhen the device is in a normal operation mode. For example, selecting asolitaire application icon 5002-1 in FIG. 5A (e.g., while the device isin a normal operation mode) would launch a solitaire game application.It should be understood that, when an action icon 5002 represents a fileand detecting an input that corresponds to selection of the action icondisplays an application that is used to view and/or edit the file. Forexample, if the device detected an input (e.g., a tap gesture) thatcorresponds to selection of a bookmark icon (e.g., 5002-10 in FIG. 5A)that is associated with a bookmarked webpage, the device would launch aweb browser and navigate to the bookmarked webpage. As another example,if the device detected an input that corresponds to selection of adocument icon (e.g., 5002-11 in FIG. 5A) that is associated with aspreadsheet document, the device would launch a spreadsheetediting/viewing application and display the spreadsheet document withinthe spreadsheet editing/viewing application. In some embodiments theaction icon is an application launch icon and selecting the action iconlaunches the application if the application is not currently running ordisplays the application if the application is currently running, but ishidden from view. In other words, in response to detecting selection ofan action icon, the device displays a view of an application, however,if the application is not running when the input is detected, the devicemust first launch the application, whereas if the application is alreadyrunning when the input is detected the device can simply display acurrent view of the application and does not need to launch theapplication.

The device detects (608) a first input. For example, as illustrated inFIG. 5M, the device detects a finger contact 5040 at a location (e.g., afirst location 5040-a in FIG. 5M) on a touch-sensitive surface thatcorresponds to a first object (e.g., the solitaire application icon5002-4) and detects subsequent movement 5042 of the finger contactacross the touch-sensitive surface (e.g., to a second location 5040-b inFIG. 5N). In some embodiments, the first input is (610) a gesture (e.g.,a finger drag gesture) that is detected on a touch-sensitive surface. Insome embodiments the touch-sensitive surface is distinct from thedisplay. In some embodiments the touch-sensitive surface is combinedwith the display as a touch screen 112.

In response to detecting the first input, the device moves (612) a firstobject in the plurality of selectable user interface objects across thedisplay (e.g., touch screen 112) to a location on the display (e.g.,touch screen 112) that is proximate to a second object in the pluralityof selectable user interface objects. For example, in FIG. 5N thesolitaire application icon 5002-4 has been moved from a previouslocation to a current location (e.g., 5002-4 in FIG. 5N) that isproximate to a second object (e.g., racing application icon 5002-13 inFIG. 5N). In some embodiments, the location is over or at least partlyoverlapping the second object or an activation region for the secondobject, as illustrated in FIG. 5N, where the solitaire application icon5002-4 partly overlaps the racing application icon 5002-13. In someembodiments, the location is over or at least partly overlapping anactivation region for the second object, as described in greater detailbelow with reference to method 900.

The device detects (614) that the first input meets predefinedfolder-creation criteria while the first object is proximate to thesecond object. In some embodiments, detecting that the first input meetspredefined folder-creation criteria includes detecting (616) terminationof the first input while the first object is proximate to the secondobject. For example, in FIG. 5N, the device detects a liftoff of thecontact 5040-b while the solitaire application icon 5002-4 isoverlapping with the racing application icon 5002-13. As anotherexample, in FIG. 5N, the device detects a pause of the contact 5040while the solitaire application icon 5002-4 is overlapping with theracing application icon 5002-13 for more than a predetermined period oftime (e.g., 0.5 seconds, 1 second, 1.5 seconds or any reasonable periodof time). In some embodiments, the device is (618) in a user interfacereconfiguration mode (i.e., not in a normal operation mode) when thefirst input is detected, as described in greater detail above.Additionally, it should be understood that, in some embodiments theselectable user interface objects cannot be moved (e.g., repositionedwithin the arrangement of selectable user interface objects) when thedevice is in the normal operation mode.

Operations 622-636 are performed (620) in response to detecting that thefirst input meets predefined folder-creation criteria while the firstobject is proximate to the second object. In some embodiments, inresponse to detecting that the first input meets predefinedfolder-creation criteria of the first input while the first object isproximate to the second object, ceasing (622) to display the firstobject and the second object (e.g., as illustrated in FIGS. 5N and 5S).For example, in FIG. 5S, after the device has detected that the firstinput meets predefined folder-creation criteria (e.g., by detectingtermination of the input or a pause in the input for more than apredetermined period of time), the solitaire application icon 5002-4 andthe racing application icon 5002-13, which were previously displayed inFIG. 5N are no longer displayed in FIG. 5S. Instead a folder icon5004-7, which represents a folder that contains the solitaireapplication icon and the racing application icon is displayed. In someembodiments, ceasing to display the second object includes displaying ananimation of the second object transforming into a folder icon thatcorresponds to the folder. For example in FIG. 5S a folder icon 5004-7has replaced racing application icon 5002-13 from FIG. 5N. In someembodiments, a reduced scale representations of the first object and/orthe second object are displayed in the folder icon, as described ingreater detail below with reference to FIGS. 11A-11C. For example inFIG. 5S the folder icon includes reduced scale representations (e.g.,“O” and “S”) of the solitaire application icon 5002-4 and the racingapplication icon 5002-13, respectively.

The device creates (624) a folder that contains the first object and thesecond object. In some embodiments, creating the folder includesdisplaying (626) a folder icon that is representative of the folder(e.g., as described in greater detail below with reference to method1100). For example, the device creates folder that includes thesolitaire application icon 5002-4 and the racing application icon5002-13, and displays folder icon 5004-7, as illustrated in FIG. 5S. Insome embodiments, folders icons have different properties from otherselectable objects, (e.g., action icons such as application icons,bookmark icons, document icons, etc.), as described in greater detailbelow with reference to method 700. In some embodiments, the folder iconis displayed (628) at a location on the display (e.g., touch screen 112)that was previously occupied by the second selectable object. Forexample in FIG. 5N the racing application icon 5002-13 is the lastselectable user interface object in the arrangement of selectable userinterface objects (e.g., from left to right, top to bottom), while inFIG. 5S, the folder icon 5004-7 that contains the racing applicationicon 5002-13 is displayed as the last selectable user interface objectin the arrangement of selectable user interface objects. In someembodiments, displaying the folder icon includes displaying (630) ananimation of the second selectable object changing (e.g., morphing) intothe folder icon. In some embodiments, existing folders cannot becombined in this manner. For example, even if the device detected aninput that corresponded to dragging a first folder (e.g., 5004-2 in FIG.5N) on top of a second folder (e.g., 5004-1-b in FIG. 5N), the devicewould not add the first folder to the second folder.

In some embodiments, after creating the folder, the device automaticallydisplays (632) a folder view that includes contents of the folder. Forexample, the device moves automatically from the user interfacedisplayed in FIG. 5N to the user interface displayed in FIG. 5Y inresponse to detecting that the first input meets predefined foldercreation criteria, the device displays a folder view (e.g., the area5092 that contains the solitaire application icon 5002-4 and the racingapplication icon 5002-13, as illustrated in FIG. 5Y).

In some embodiments, after detecting the first input, the devicedisplays the plurality of user interface objects in a first arrangementon the display. For example, in FIG. 5X, the selectable user interfaceobject (e.g., action icons 5002 and folder icons 5004) are displayed ina two-dimensional grid arrangement, with each selectable user interfaceobject having a respective position within the grid arrangement. In someof these embodiments, after creating the folder, the device displays(634) a folder view (e.g., 5092 in FIG. 5Y) on the display (e.g., touchscreen 112). In some embodiments, displaying the folder view includesdisplaying the first object and the second object within the folderview. It should be understood that a respective folder view is a portionof the display (e.g., touch screen 112) that includes the contents ofthe folder. For example, the region 5078 in FIG. 5T, the shaded region5092 in FIGS. 5Y-5Z, the shaded region 5106 in FIGS. 5DD-5GG, the shadedregion 5138 in FIGS. 5TT-5UU, the shaded region 5148 in FIG. 5WW, theshaded region 5158 in FIGS. 5YY-5ZZ, the shaded region 5170 in FIG.5EEE-5FFF and the shaded region 5212 in FIG. 5PPP are all folder viewsthat are a portion of the display (e.g., touch screen 112). In someembodiments, the folder view is substantially all of the display (e.g.,touch screen 112). For example, the region 5080 in FIG. 5U and theregion 5182 in FIGS. 5GGG-5III, 5KKK, 5MMM are folder views that aresubstantially all (or all) of the display (e.g., touch screen 112).

In some embodiments, the device displays an animated transition from thefirst arrangement to the folder view (e.g., as described in greaterdetail below with reference to method 1200). In some embodiments,displaying the folder view includes displaying (636) a folder icon(e.g., 5004-7 in FIG. 5Y) and a representation of at least a portion ofthe first arrangement, so as to indicate a location of the folder iconwithin the first arrangement. For example, in FIG. 5Y, the selectableuser interface objects (e.g., 5002-1, 5002-2, 5002-3, 5002-5, 5002-6,5002-7, 5002-8, 5002-6, 5004-1-b 5002-10, 5002-11, and 5002-12) thatwere displayed above the folder icon (e.g., in FIG. 5X) continue to bedisplayed above the folder icon 5004-7, while the selectable userinterface objects (e.g., 5002-14, 5002-15, 5002-16, 5004-2) that weredisplayed below the folder icon 5004-7 are no longer displayed below thefolder icon 5004-7.

In some embodiments, while the device is in a normal operation mode, theselectable user interface objects include (638) one or more action icons(e.g., 5002 in FIG. 5OOO) and one or more folder icons (e.g., 5004 inFIG. 5OOO). In some of these embodiments, the device detects (640) asecond input. In some embodiments, in response to detecting the secondinput: when the second input corresponds to a request to select arespective action icon, the device activates (642) an applicationassociated with the respective action icon; and when the second inputcorresponds to a request to select the folder icon, the device displaysa folder view that includes contents of the folder associated with thefolder icon. For example, in FIG. 5OOO, a tap gesture 5208 at a locationon the touch-sensitive surface (e.g., touch screen display 112) thatcorresponds to a location of an action icon (e.g., photos applicationicon 5002-9) on the display (e.g., touch screen 112) activates anapplication (e.g., a photos application) that is associated with theaction icon, while in response to detecting a tap gesture 5210 at alocation on the touch-sensitive surface (e.g., touch screen 112) at alocation that corresponds to location of the folder icon (e.g., foldericon 5004-7 in FIG. 5OOO) on the display (e.g., touch screen 112) thedevice displays a folder view 5212 that includes contents (e.g., actionicons 5002-9, 5002-4, 5002-13, 5002-8) of the folder associated with thefolder icon 5004-7.

In some embodiments, after creating the folder, the device displays(644) a folder view that includes contents of the folder and displays anobject removal region. For example, in FIG. 5Y the object removal regionis the first portion 5084 of the display (e.g., touch screen 112). Asanother example, in FIGS. 5GGG-5HHH the object removal region 5184 is aseparately identified portion of the display (e.g., touch screen 112).As yet another example, in FIG. 5WW the portions of the display (e.g.,touch screen 112) above and below the folder view 5148 are both objectremoval regions. In some embodiments, the folder view includes theobject removal region (e.g., folder view 5182 with object removal region5184 in FIGS. 5GGG-5HHH). In some embodiments, the object removal regionis outside of the folder view (e.g., object removal region 5084 isoutside of folder view 5092 in FIG. 5Y). In some embodiments, the objectremoval region is displayed all the time (e.g., the object removalregion is a portion of the home screen that is displayed whiledisplaying the folder view). In some embodiments, the object removalregion is only displayed while in icon reconfiguration mode (e.g., inFIG. 5S no object removal region is displayed, while in FIG. 5Y anobject removal region 5084 is displayed above the folder view 5092). Insome embodiments, the object removal region is displayed only while inicon reconfiguration mode and currently detecting an input thatcorresponds to a request to move an object (e.g., in FIG. 5GGG theobject removal region 5184 is only displayed when the device detects themovement of contact 5186 across the touch-sensitive surface).

In some embodiments, while displaying the folder view, the devicedetects (646) a second input that corresponds to a request to move arespective selectable user interface object into the object removalregion, and in response to detecting the second input, the deviceremoves (648) the respective selectable user interface object from thefolder. For example, in FIG. 5Y, the device detects a contact 5100-a ata location on the touch-sensitive surface (e.g., touch screen 112) thatcorresponds to the solitaire application icon 5002-4 and subsequentmovement 5102 of the contact across the touch-sensitive surface (e.g.,touch screen 112) into the object removal region 5084 that is the firstportion of the display (e.g., touch screen 112). Continuing thisexample, in response to detecting this gesture, the device removes thesolitaire application icon 5002-4 from the folder and from the folderview 5092, as illustrated in FIG. 5Z and returns the solitaireapplication icon 5002-4 to the first arrangement of selectable userinterface objects, as illustrated in FIG. 5AA.

In some embodiment, prior to detecting the first input, the plurality ofuser interface objects are displayed (650) in a first arrangement on thedisplay (e.g., touch screen 112), and when the second input correspondsto a request to move the respective selectable user interface objectinto the object removal region and termination of the second input isdetected: the device ceases to display the folder view; and displays(652) the respective selectable user interface object at a predeterminedlocation in the first arrangement (e.g., at an end of the firstarrangement or at a first open location within the first arrangement).In other words, in some embodiments, the second input corresponds to aflick gesture that includes a contact at a location on thetouch-sensitive surface that corresponds to a location of the respectiveselectable user interface object and includes a lateral movement on thetouch-sensitive surface (e.g., touch screen 112) that corresponds tomovement on the display (e.g., touch screen 112) towards a location ofthe touch-sensitive surface (e.g., touch screen 112) that corresponds tothe object removal region on the display (e.g., touch screen 112). Forexample, in FIG. 5VV the device displays a first arrangement ofselectable user interface objects (e.g., action icons 5002 and foldericons 5004), and in FIG. 5WW the device detects a gesture including acontact 5152 at a location on the touch-sensitive surface (e.g., touchscreen 112) that corresponds to a location of the app-1 application icon5002-19 on the display (e.g., touch screen 112) and movement 5154 of thecontact to a location on the touch-sensitive surface (e.g., touch screen112) that corresponds to a location on the display (e.g., touch screen112) that is outside of a folder view 5148. In this example, in responseto detecting the gesture, the device ceases to display the folder viewand displays the app-1 application icon 5002-19 in the firstarrangement, as illustrated in FIG. 5XX.

In some embodiments, prior to detecting the first input, the pluralityof user interface objects are displayed (650) in a first arrangement onthe display; when the device continues to detect the second input at alocation on the touch-sensitive surface (e.g., touch screen 112) thatcorresponds to a location of the object removal region on the display(e.g., touch screen 112) for more than a predetermined amount of time:the device ceases to display the folder view; the device detects (654)termination of the second input at a respective location on thetouch-sensitive surface (e.g., touch screen 112) that corresponds to alocation on the display (e.g., touch screen 112) that is within thefirst arrangement; and in response to detecting termination of thesecond input, and the device displays (656) the respective selectableuser interface object at the respective location in the firstarrangement. In other words, in some embodiments, the second inputcorresponds to a tap and drag gesture that includes a contact movinginto a region on the touch-sensitive surface (e.g., touch screen 112)that corresponds to the object removal region on the display (e.g.,touch screen 112). For example, in FIG. 5XX the selectable userinterface objects (e.g., action icons 5002 and folder icons 5004) arearranged in a first arrangement, and in FIG. 5YY the device detects asecond input (e.g., the gesture including contact 5162 and movement 5164of the contact on the touch screen 112) that corresponds to movement ofthe app-4 application icon 5002-22 out of the folder view 5158 into theobject removal region 5084. In this example, in response to detecting apause of the contact (e.g., 5162-b in FIG. 5ZZ) in the object removalregion the device ceases to display the folder view 5158 and displaysthe first arrangement (e.g., as illustrated in FIG. 5AAA), and detectssubsequent movement (e.g., 5166) of the contact within the firstarrangement on the touch screen 112. In this example, when the devicedetects termination (e.g., liftoff of contact 5162-c from touch screen112 in FIG. 5BBB), the device displays the app-4 application icon5002-22 at a location in the first arrangement that corresponds to thelocation of the app-4 application icon 5002-22 when the termination ofthe input was detected, as illustrated in FIG. 5CCC.

In some embodiments, after creating the folder, the device detects (658)a second input that corresponds to a request to move a respectiveselectable user interface object of the first object and the secondobject out of the folder; and when the second input is detected beforethe creation of the folder has been confirmed, the device deletes (660)the folder and redisplays the first object and the second object. Forexample, in FIG. 5Y, the first input that the device detects aftercreating the folder is an input (e.g., contact 5100 and movement 5102 ofthe contact on the touch screen 112) that corresponds to a request tomove the solitaire application icon 5002-4 out of the folder that wascreated by dragging the solitaire application icon 5002-4 on top of theracing application icon 5002-13. In this example, the input is receivedbefore creation of the folder has been confirmed, and thus after thesolitaire application icon 5002-4 has been moved out of the folder, thedevice deletes the folder 5004-7 in FIG. 5AA and redisplays the racingapplication icon 5002-13 on the display (e.g., touch screen 112), asillustrated in FIG. 5CC.

In some embodiments, the first object is the respective object that ismoved out of the folder and deleting (662) the folder and theredisplaying includes: displaying the first object at a location on thedisplay (e.g., touch screen 112) that is determined based on the secondinput; and displaying the second object at a location on the display(e.g., touch screen 112) that was previously occupied by a folder iconof the folder. Continuing the example described above with reference toFIGS. 5AA and 5CC, the device displays the folder icon 5004-7 in thefourth row on the left end of selectable user interface objects on thedisplay (e.g., touch screen 112) in FIG. 5AA, and in FIG. 5CC the racingapplication icon 5002-13 has replaced the folder icon 5004-7 at the leftend of the fourth row of selectable user interface objects. In someembodiments, displaying the second object includes displaying (664) ananimation of the folder icon changing (e.g., morphing) into the secondobject. For example, in FIG. 5BB the device displays an animation 5104the racing application icon 5002-13 expanding to fill the spacepreviously occupied by the folder icon 5004-7 (e.g., as illustrated inFIG. 5AA).

In contrast, when the second input is detected after the creation of thefolder has been confirmed, the device displays the respective objectoutside of the folder while continuing to display the folder. Forexample, when the creation of the folder has been confirmed, asillustrated in FIG. 5DD, removing a single application icon out from thefolder (e.g., removing solitaire application icon 5002-4 in FIG. 5EE inresponse to detecting contact 5112 and movement 5114 of the contact),does not result in deleting the folder. Rather, in this example, thefolder continues to be displayed (e.g., 5004-7 in FIG. 5FF). In otherwords, in some embodiments, after the folder creation is confirmed, thefolder is only deleted when the last icon is removed, and when the lasticon is removed, the folder collapses (e.g., rather than changing backto one of the action icons).

In some embodiments, the creation of the folder is confirmed (668) whenthe device detects an input that corresponds to a request to perform anaction that manipulates the folder. Such actions include but are notlimited to opening (670) the folder, closing (672) the folder, moving(674) the folder, renaming (676) the folder, adding (678) an additionalselectable user interface object to the folder, entering (680) a userinterface reconfiguration mode, leaving (682) a user interfacereconfiguration mode. In some embodiments, the creation of the folder isconfirmed when the device receives other predefined inputs thatcorrespond to a request to manipulate the folder. In other words,creation of the folder is confirmed by actions that indicate that thecreation of the folder was intentional and not accidental.

Note that details of other processes described herein with respect tomethods 700, 800, 900, 1000, 1100, 1200, 1300 (e.g., FIGS. 7A-7C, 8A-8C,9A-9B, 10A-OB, 11A-11C, 12A-12E, 13A-13E and 5A-5LLLL) are alsoapplicable in an analogous manner to the method 600 described above. Forexample, the selectable user interface objects (e.g., action icons 5002and folder icons 5004) described with reference to FIGS. 6A-6E may haveone or more of the characteristics of the various selectable userinterface objects/icons/items (e.g., action icons 5002 and folder icons5004) described herein with reference to any of methods 700, 800, 900,1000, 1100, 1200, or 1300. For brevity, these details are not repeatedhere.

FIGS. 7A-7C are flow diagrams illustrating a method 700 of managingfolder icons and action icons in accordance with some embodiments. Themethod 700 is performed at a multifunction device (e.g., device 300,FIG. 3, or portable multifunction device 100, FIG. 1) with a display anda touch-sensitive surface. In some embodiments, the display is a touchscreen display and the touch-sensitive surface is on the display. Insome embodiments, the display is separate from the touch-sensitivesurface. Some operations in method 700 may be combined and/or the orderof some operations may be changed.

As described below, the method 700 provides an intuitive way to managefolder icons and action icons. The method reduces the cognitive burdenon a user when managing folder icons and action icons, thereby creatinga more efficient human-machine interface. For battery-operated computingdevices, enabling a user to manage folder icons and action icons fasterand more efficiently conserves power and increases the time betweenbattery charges.

The device concurrently displays (702) one or more action icons (e.g.,application icons and other activateable icons besides folder icons) andone or more folder icons on the display. The device has a normaloperation mode for activating applications (e.g., as illustrated inFIGS. 5A, 5L, 5OOO-5PPP) and a user interface reconfiguration mode forrearranging the action icons and the folder icons on the display (e.g.,as illustrated in FIGS. 5B-5K, 5M-5N, 5P-5NNN). In some embodiments,while the device is in the user interface reconfiguration mode, theselectable user interface objects (e.g., action icons 5002 and foldericons 5004) oscillate about respective average positions so as toindicate that the device is in user interface reconfiguration mode andthat the selectable user interface objects (e.g., action icons 5002 andfolder icons 5004) can be moved around the display.

The device detects (704) a first input (e.g., tap gesture 5155 in FIG.5XX, tap gesture 5156 in FIG. 5XX, tap gesture 5208 in FIG. 5OOO, or tapgesture 5210 in FIG. 5OOO). In some embodiments, the first inputcorresponds to a request to select the respective folder icon when thefirst input is (706) a tap gesture at a location on a touch-sensitivesurface (e.g., touch screen 112) that corresponds to a location of therespective folder icon on the display (e.g., tap gesture 5156 in FIG.5XX at a location that corresponds to folder icon 5004-1-b, or tapgesture 5210 in FIG. 5OOO at a location that corresponds to folder icon5004-7 on touch screen 112). In some embodiments, the first inputcorresponds to a request to select the respective action icon when thefirst input is (708) a tap gesture at a location on a touch-sensitivesurface (e.g., touch screen 112) that corresponds to a location of therespective action icon on the display (e.g., tap gesture 5155 in FIG.5XX at a location that corresponds to camera application icon 5002-12,or tap gesture 5208 in FIG. 5OOO, at a location that corresponds tophotos application icon 5002-1 on the touch screen 112).

Operations 712-718 and 744-766 are performed (710) in response todetecting the first input.

In some embodiments the device determines whether the first input is arequest to select a folder to select an action icon. When the firstinput is a request to select (712) an action icon, the device performsoperations discussed in greater detail below with reference tooperations 744-766. In contrast, when the when the first input is arequest to select (714) an action icon, the device performs operationsdiscussed in greater detail below with reference to operations 716-742.

When the device determines that (716) the first input corresponds to arequest to select a respective folder icon of the one or more foldericons, the device displays (718) contents of a folder associated withthe respective folder icon without regard for whether the device is inthe normal operation mode or the user interface reconfiguration mode.For example, in FIG. 5XX the device detects a tap gesture 5156 at alocation that corresponds to folder icon 5004-1-b while the device is inuser interface reconfiguration mode, and in response to detecting thetap gesture 5156, the device displays a folder view 5158 for the folderassociated with the folder icon 5004-1-b, as illustrated in FIG. 5YY.Similarly, in FIG. 5OOO the device detects a tap gesture 5210 at alocation that corresponds to folder icon 5004-7 while the device is innormal operation mode, and in response to detecting the tap gesture5210, the device displays a folder view 5212 for the folder associatedwith the folder icon 5004-7, as illustrated in FIG. 5PPP.

In some embodiments, while the device is in user interfacereconfiguration mode, the folder icon can also be moved in response to afolder repositioning input. For example, in FIG. 5QQ the device detectsa contact 5132 at a location on the touch-sensitive surface (e.g., touchscreen 112) that corresponds to a location of a folder icon 5004-7 onthe display (e.g., touch screen 112) and subsequent movement 5134 of thecontact across the touch-sensitive surface (e.g., touch screen 112). Inresponse to detecting the input, the device moves the folder icon 5004-7to a location within the arrangement of selectable user interfaceobjects on the display (e.g., touch screen 112) that is determined basedon the input, as illustrated in FIG. 5SS. In some embodiments, foldericons cannot be repositioned while the device is in the normal operationmode. In other words, an identical gesture performed while the device isin normal operation mode would not cause the device to reposition thefolder icon within the arrangement of selectable user interface objects.

In some embodiments, displaying contents of a folder associated with therespective folder icon includes displaying (720) a plurality of actionicons (e.g., in FIG. 5YY the device displays action icons 5002-20,5002-21, 5002-21, 5002-22, 5002-23, 5002-24, and 5002-25 in folder view5158, or in FIG. 5PPP the device displays action icons 5002-9, 5002-4,5002-13, 5002-8 in folder view 5212). In some of these embodiments, thedevice detects (724) selection of a respective action icon in theplurality of action icons. In some of these embodiments, operations728-734 are performed (726) in response to detecting selection of therespective action icon. In some embodiments the device determineswhether the device is in normal operation mode or user interfacereconfiguration mode. In some of these embodiments, when the device is(728) in the normal operation mode, the device activates (730) anapplication associated with the respective action icon (e.g., in FIG.5PPP when the device detects a tap gesture 5214 at a location thatcorresponds to a stocks application icon 5002-9 and in response thedevice activates a stocks application associated with the stocksapplication icon 5002-9); and, when the device is (732) in the userinterface reconfiguration mode, the device continues (734) to displaythe respective action icon without activating the application associatedwith the respective action icon. For example, in FIG. 5YY, the devicedetects a tap gesture 5161 at a location on the touch-sensitive surface(e.g., touch screen 112) that corresponds to a location of an app-7application icon 5002-25 on the display (e.g., touch screen 112), and inresponse the device does not activate any application associated withthe app-7 application icon 5002-25.

In some embodiments, the action icon within the folder is moved inresponse to an action icon movement input while the device is in userinterface reconfiguration mode. For example, in FIG. 5TT, while thedevice is in user interface reconfiguration mode, the device detects anaction icon movement input including contact 5140 at a location on thetouch-sensitive surface (e.g., touch screen 112) that corresponds to alocation of a stocks application icon 5002-9 on the display (e.g., touchscreen 112) and subsequent movement 5142 of the contact to a location onthe touch-sensitive surface (e.g., touch screen 112) that corresponds toa location on the display (e.g., touch screen 112) that is within thefolder view 5138, as illustrated in FIG. 5TT. In response to the actionicon movement input, the device moves the stock application icon 5002-9into a new position in the arrangement of selectable user interfaceobjects within the folder view 5138 that is based on the movement of theinput on the touch-sensitive surface (e.g., touch screen 112), asillustrated in FIG. 5UU.

In some embodiments, the first input corresponds to a request to selectthe respective folder icon; and the device is in user interfacereconfiguration mode when the first input is detected. In some of theseembodiments, while remaining (736) in user reconfiguration mode thedevice displays (738) contents of a folder. In some of theseembodiments, after displaying contents of the folder the device detects(740) a second input: and in response to detecting the second input, thedevice ceases (742) to display the folder view. For example, in FIG. 5SSthe device detects a first input (e.g., tap gesture 5136) at a locationon the touch-sensitive surface (e.g., touch screen 112) that correspondsto a folder icon 5004-7, and in response to detecting the tap gesture,the device displays a folder view (e.g., 5138 in FIGS. 5TT-5UU) thatincludes contents (e.g., action icons 5002-9, 5002-4, 5002-13, and5002-8) of the folder associated with the folder icon 5004-7 on thedisplay (e.g., touch screen 112). While displaying the folder view 5138,the device detects a second input (e.g., tap gesture 5144) at a locationon the touch-sensitive surface (e.g., touch screen 112) that is outsideof the folder view 5138 (e.g., a tap gesture that is located in theregion of the touch screen 112 below the folder view), and in responseto detecting the second input the device ceases to display the folderview on the display (e.g., touch screen 112), as illustrated in FIG.5VV.

The device determines (744) that first input corresponds to a request toselect a respective action icon of the one or more action icons (e.g.,tap gesture 5155 in FIG. 5XX at a location that corresponds to cameraapplication icon 5002-12, or tap gesture 5208 in FIG. 5OOO, at alocation that corresponds to photos application icon 5002-1). In someembodiments the device determines whether the device is in normaloperation mode or user interface reconfiguration mode. When the deviceis (746) in normal operation mode, in response to detecting the firstinput the device performs operations 750-756 as discussed in greaterdetail below. In contrast, when the when the device is (748) in userinterface reconfiguration mode, in response to detecting the firstinput, the device performs, operations 758-766, as discussed in greaterdetail below.

In some embodiments, operations 752-756 are performed when the device is(750) in the normal operation mode. The device activates (752) anapplication associated with the respective action icon. For example, inFIG. 5OOO the device detects a tap gesture 5208 at a location on thetouch-sensitive surface (e.g., touch screen 112) that corresponds to alocation of a photos application icon 5002-1 on the display (e.g., touchscreen 112) and in response to detecting the tap gesture 5208 the deviceactivates a photos application that is associated with the photosapplication icon 5002-1. In some embodiments, while the device is in thenormal operation mode, a function of a respective action icon that isassociated with a respective application is to activate (754) therespective application (e.g., the action icon is an application launchicon); and while in normal operation mode, the application icons andfolder icons cannot be rearranged (756) on the display (e.g., therelative positions of selectable user interface objects within thearrangement of selectable user interface objects is fixed). It should beunderstood that, although the arrangement of selectable user interfaceobjects may be scrolled, paged through, or otherwise translated acrossthe display (e.g., touch screen 112), these operations do not entail anyrearrangement of the selectable user interface objects, because therelative positions of respective selectable user interface objects toeach other remains unchanged when the device performs these operations.

Operations 760-766 are performed when (758) the device is in the userinterface reconfiguration mode. The device continues (760) to displaythe respective action icon without activating the application associatedwith the respective action icon. For example, in FIG. 5XX the devicedetects a tap gesture 5155 at a location that corresponds to a cameraapplication icon 5002-12 and in response to detecting the tap gesture5155 the device does not activate a camera application that isassociated with the photos application icon 5002-12, and merelycontinues to display the arrangement of selectable user interfaceobjects as illustrated in FIG. 5XX. In some embodiments, the action iconcan also be moved by a tap and drag gesture. For example, in FIG. 5XX ifthe device were to detect subsequent movement of the contact 5155 acrossthe touch-sensitive surface (e.g., touch screen 112), the device would,in response to detecting the movement, move the action icon 5002-12across the display (e.g., touch screen 112) in accordance with themovement.

In some embodiments, while the device is in the user interfacereconfiguration mode, the respective action icon is prevented (762) frombeing used to activate the respective application (e.g., a request toselect the camera application icon 5002-12 fails to activate theapplication icon). In some embodiments, when the device is in the userreconfiguration mode, one or more of the action icons includes (764) adeletion region for deleting the action icon, while none of the foldericons include a deletion region for deleting the folder icon. Forexample, the device displays object removal badges 5010 in FIG. 5B thatare associated with a plurality of the action icons (e.g., 5002-4,5002-5, 5002-6, 5002-7, 5002-10, 5002-11, and 5002-13) but does not showobject removal badges associated with any of the folder icons (e.g.,5004-1-b or 5004-2). In some embodiments, the device detects a deletioninput that includes selection of a respective deletion region for arespective action icon (e.g., tap gesture 5011 in FIG. 5B); and deletesthe respective action icon (e.g., weather application icon 5002-5). Insome embodiments one or more of the action icons do not include deletionregions. For example in FIG. 5B a plurality of the action icons (e.g.,action icons 5002-1, 5002-2, 5002-3, 5002-9, 5002-12, 5002-14, 5002-15,and 5002-16) are associated with applications (e.g., phone, email,camera, web browser) that provide access to fundamental features of thedevice and thus cannot be deleted by the device while in user interfacereconfiguration mode. In some embodiments, while in user interfacereconfiguration mode, the application icons and folder icons can berearranged (766) on the display (e.g., touch screen 112) in response todetected inputs, as described in greater detail above.

Note that details of other processes described herein with respect tomethods 600, 800, 900, 1000, 1100, 1200, 1300 (e.g., FIGS. 6A-6E, 8A-8C,9A-9B, 10A-10B, 11A-11C, 12A-12E. 13A-13E and 5A-5LLLL) are alsoapplicable in an analogous manner to the method 700 described above. Forexample, the selectable user interface objects (e.g., action icons 5002and folder icons 5004) described with reference to FIGS. 7A-7C may haveone or more of the characteristics of the various selectable userinterface objects/icons/items (e.g., action icons 5002 and folder icons5004) described herein with reference to any of methods 600, 800, 900,1000, 1100, 1200, or 1300. For brevity, these details are not repeatedhere.

FIGS. 8A-8C are flow diagrams illustrating a method 800 of naming a newfolder in accordance with some embodiments. The method 800 is performedat a multifunction device (e.g., device 300, FIG. 3, or portablemultifunction device 100, FIG. 1) with a display and a touch-sensitivesurface. In some embodiments, the display is a touch screen display andthe touch-sensitive surface is on the display. In some embodiments, thedisplay is separate from the touch-sensitive surface. Some operations inmethod 800 may be combined and/or the order of some operations may bechanged.

As described below, the method 800 provides an intuitive way to name anew folder. The method reduces the cognitive burden on a user whennaming a new folder, thereby creating a more efficient human-machineinterface. For battery-operated computing devices, enabling a user toname a new folder faster and more efficiently conserves power andincreases the time between battery charges.

The device receives (802) an input that corresponds to a request tocreate a folder that contains a first item and a second item (e.g., theitems may be applications, software programs, or files that correspondto icons or other selectable user interface objects on the display). Insome embodiments, the folder initially contains just the first item andthe second item (i.e., the first item and the second item are the firsttwo items in the folder). In some embodiments, the request to create afolder that contains a first item and a second item includes (804) aninput that corresponds to a request to move the first item proximate tothe second item or a request to drag a first item on top of a seconditem (e.g., as described in greater detail above with reference method600). For example, in FIG. 5M the device detects a contact 5040 at alocation on the touch-sensitive surface (e.g., a first contact location5040-a on touch screen 112 in FIG. 5M) that corresponds to a location ofa solitaire application icon 5002-4 on the display (e.g., touch screen112) and subsequent movement 5042 of the contact across thetouch-sensitive surface (e.g., movement of the contact across the touchscreen 112 to a second location 5040-b in FIG. 5N). In response todetecting the input the device moves the solitaire application icon5002-4 proximate to (or on top of) a racing application icon 5002-13, asillustrated in FIG. 5N. In this example, the device detects apredetermined folder creation criteria (e.g., termination of the contact5040-b in FIG. 5N) and creates a folder including the solitaireapplication icon 5002-4 and the racing application icon 5002-13, anddisplays a folder icon 5004-7 for the folder, on the display (e.g.,touch screen 112) as illustrated in FIGS. 5O and 5S. As another example,the device could receive a first input selecting a first item, a secondinput selecting a second item and a third input corresponding to acommand to perform a new folder creation operation (e.g., a click on a“new folder” command in a file browser or a contextual menu, etc.).

Operations 808-844 are performed (806) in response to receiving theinput. The device creates (808) the folder that contains the first itemand the second item. The device determines (810) a first plurality ofdescriptors that are associated with the first item (e.g., “Game,” “CardGame” “Solitaire Game”). The device also determines (812) a secondplurality of descriptors that are associated with the second item (e.g.,“Game,” “Action Game,” “Racing Game”). In some embodiments, the devicedetermines whether there is a common descriptor that is shared by thefirst plurality of descriptors and the second plurality of descriptors.Continuing the example, from above, both the solitaire application andthe racing application are associated with the common descriptor “Game.”When there is (814) a common descriptor, the device performs operations824-844, as described in greater detail below.

In some embodiments, when there is not (816) a common descriptor, thedevice determines that the first plurality of descriptors and the secondplurality of descriptors do not (818) share any common descriptors: thedevice automatically generates (820) a folder name for the folder basedon a descriptor from the first plurality of descriptors; and displays(822) an icon for the folder with the automatically generated foldername on the display. In other words, the folder name for the folder isdetermined based on descriptors of only one of the two items that areinitially added to the folder. In some embodiments the descriptors aredescriptors of a first item selected to be added to the folder (e.g., ifmore than one item is selected before the folder has been created). Insome embodiments, the descriptors are descriptors of a first item addedto the folder. For example, in FIG. 5O, the camera application that isassociated with the camera application icon 5002-12 is associated withdescriptors such as “Photography” and “Camera Management,” while thestocks application that is associated with the stocks application icon5002-9 has descriptors such as “Utilities,” and “Financial Management.”In this example, the two application icons are associated withapplications do not share any descriptors. Thus, in this example, thefolder created by dragging the camera application icon 5002-12 proximateto the stocks application icon 5002-9 is named the “Photography” folder5004-10, while the folder created by dragging the stocks applicationicon 5002-9 proximate to the camera application icon 5002-12 is namedthe “Utilities” folder 5004-11. In other words, in some embodiments,when the two items do not share any common descriptors are used tocreate a folder, the name of the resulting folder depends on an order inwhich the items (e.g., the icons associated with the applications) areselected.

When the device determines (824) that the first plurality of descriptorsand the second plurality of descriptors share at least a first commondescriptor. For example, in FIG. 5O, the solitaire application that isassociated with the solitaire application icon 5002-4 is associated withdescriptors such as “Game,” “Card Game” “Solitaire Game,” while theracing application that is associated with the racing application icon5002-13 has descriptors such as “Game,” “Action Game,” “Racing Game.” Inthis example, the two application icons are associated with applicationsthat share only a single descriptor (e.g., “Game”) and thus thatdescriptor is selected as the common descriptor. In some embodiments,the first plurality of descriptors and the second plurality ofdescriptors share a set of one or more descriptors; descriptors in theshared set of one or more descriptors have varying levels ofspecificity; and a most specific descriptor in the shared set of one ormore descriptors is selected (826) by the device as the first commondescriptor. For example, in FIG. 5O, the car race application that isassociated with the car race application icon 5002-17 is associated withdescriptors such as “Game,” “Action Game” “Racing Game,” while the airrace application that is associated with the racing application icon5002-18 has descriptors such as “Game,” “Action Game,” “Racing Game.” Inthis example, the two application icons are associated with applicationsthat share multiple descriptor (e.g., “Game”) and thus the most specificdescriptor (e.g., “Racing Game”) is selected as the common descriptor.

In some embodiments, the first plurality of descriptors includes aplurality of tags that were previously assigned to the first item; thesecond plurality of descriptors includes a plurality of tags that werepreviously assigned to the second item; and the first common descriptoris (828) a tag that is included in the first plurality of tags and inthe second plurality of tags. In some embodiments, the tags are assignedby a user of the device to respective items, and apply only to locallystored items. In some embodiments, the tags are assigned at a remoteserver and are sent to the device by the remote server.

In some embodiments, the first plurality of descriptors includes a firsthierarchy of categories; the second plurality of descriptors includes asecond hierarchy of categories; and the first common descriptor is (830)a category that is included in the first hierarchy of categories and inthe second hierarchy of categories (e.g., “Games”>“Card Game”>“SolitaireGame” or “Games”>“Action Game”>“Racing Game”). In some embodiments, thefirst hierarchy of categories is (832) a set of categories to which thefirst item has been assigned within an application database (e.g., adatabase of applications in an application store), and the secondhierarchy of categories is a set of categories to which the second itemhas been assigned within the application database. In some embodiments,the application database is (834) a database of applications in anapplication store. For example, in some embodiments, the descriptors arebased at least in part on the category names for applications in adedicated application store for a mobile device (e.g., the App Store forthe Apple iPhone). In some embodiments these category names aresupplemented by additional tags that indicate additional informationabout the items (e.g., a name of a creator of the item, a date/time ofcreation of the item, etc.).

When the first plurality of descriptors and the second plurality ofdescriptors share at least a first common descriptor, the deviceautomatically generates (836) a folder name for the folder based on thefirst common descriptor. After generating the folder name, the devicedisplays (838) an icon for the folder with the automatically generatedfolder name on the display. Continuing the example from above, thefolder created by dragging the solitaire application icon 5002-4proximate to the racing application icon 5002-13 is named the “Games”folder 5004-7, as illustrated in FIGS. 5O and 5S.

In some embodiments, the device concurrently displays (840) the icon forthe folder and a folder view for the folder that shows contents of thefolder. For example, in response to detecting the input (e.g., contact5040 and movement 5042 in FIG. 5M) that caused the device to create thefolder (e.g., folder 5004-7 in FIG. 5S), the device automaticallydisplays a folder view 5092 in FIG. 5Y for the folder. In other words,the device automatically, without any further intervention from theuser, transitions from the user interface illustrated in FIG. 5M (wherethe folder creation input is detected) to the user interface illustratedin FIG. 5S (where the folder is created and a folder icon 5004-7 isdisplayed) and the user interface illustrated in FIG. 5Y (where a folderview 5092 for the folder is displayed).

In some embodiments, in response to receiving the input, the devicedisplays (842) a notification that the folder has been created, whereinthe notification includes instructions for renaming the folder. Forexample in FIG. 5P, after creating the folder the device displays a nameconfirmation dialogue 5064 that provides the user with options forconfirming creation of the folder, renaming the folder and cancellingcreation of the folder, as discussed in greater detail above. In someembodiments, in response to receiving the input, the device displays(844) a text entry field for renaming the folder. For example in FIG.5P, if the device detects an input that corresponds to a request torename the folder (e.g., tap gesture 5070 on a renaming button) thedevice displays a dialogue 5072 for changing the name of the new folder(e.g., from “games” to “fun” as illustrated in FIG. 5Q). As anotherexample, in response to detecting an input (e.g., tap gesture 5098 inFIG. 5Y) that corresponds to a request to activate a folder renamingbutton, the device displays a folder renaming region 5108 that includesa text entry field, as illustrated in FIG. 5DD.

In some embodiments, the device detects (846) an additional input, andin response to detecting the additional input the device adds (848) athird item to the folder. In some of these embodiments, the devicedetermines (850) a third plurality of descriptors that are associatedwith the third item. In some of these embodiments, the device selects(852) a second descriptor that is shared by the first plurality ofdescriptors, the second plurality of descriptors and the third pluralityof descriptors. In some of these embodiments, the device automaticallygenerates (854) a new folder name for the folder based on the seconddescriptor. In other words, in these embodiments, the name of the folderchanges when the contents of the folder change. For example, if thesolitaire application icon 5002-4 were to be added to the folderassociated with the racing games folder icon 504-8, the device wouldchange the name of the racing games folder icon 5004-8 to a new name(e.g., from “Racing Games” to “Games”) where the new name is based atleast in part on a descriptor that is shared by all three of the itemswithin the folder (e.g., solitaire application icon 5002-4, car raceapplication icon 5002-17 and air race application icon 5002-18). Incontrast, in some embodiments, the folder name is fixed when the folderis created, and thus adding new items to the folder does not change thefolder name.

Note that details of other processes described herein with respect tomethods 600, 700, 900, 1000, 1100, 1200, 1300 (e.g., FIGS. 6A-6E, 7A-7C,9A-9B, 10A-10B, 11A-11C, 12A-12E, 13A-13E and 5A-5LLLL) are alsoapplicable in an analogous manner to the method 800 described above. Forexample, the items (e.g., action icons 5002 and folder icons 5004)described with reference to FIGS. 8A-8C may have one or more of thecharacteristics of the various selectable user interfaceobjects/icons/items (e.g., action icons 5002 and folder icons 5004)described herein with reference to any of methods 600, 700, 900, 1000,1100, 1200, or 1300. For brevity, these details are not repeated here.

FIGS. 9A-9B are flow diagrams illustrating a method 900 of adjusting anactivation region for a selectable user interface object in response toan icon management input in accordance with some embodiments. The method900 is performed at a multifunction device (e.g., device 300, FIG. 3, orportable multifunction device 100, FIG. 1) with a display and atouch-sensitive surface. In some embodiments, the display is a touchscreen display and the touch-sensitive surface is on the display. Insome embodiments, the display is separate from the touch-sensitivesurface. Some operations in method 900 may be combined and/or the orderof some operations may be changed.

As described below, the method 900 provides an intuitive way to manageicons. The method reduces the cognitive burden on a user when managingicons, thereby creating a more efficient human-machine interface. Forbattery-operated computing devices, enabling a user to manage iconsfaster and more efficiently conserves power and increases the timebetween battery charges.

The device displays (902) a plurality of icons on the display (e.g.,selectable user interface objects such as application icons 5002 and/orfolder icons 5004 on touch screen 112). A first icon (e.g., an actionicon or a folder icon) in the plurality of icons is displayed (904) at afirst location on the display (e.g., touch screen 112). A second icon(e.g., an action icon or a folder icon) in the plurality of icons thatis distinct from the first icon, has (906) an activation region with adefault size that is at a second location on the display (e.g., touchscreen 112), the second location is distinct from the first location.For example, in FIG. 5KK the first icon (e.g., stocks application icon5002-9) is displayed on the right side of the second row of selectableuser interface objects. In this example, a second icon 5004-7 initiallyhas a default activation region (e.g., 5122-13-a in FIG. 5KK). In someembodiments each of the icons (e.g., action icons 5002 and folder icons5004) has an activation region that is a default size (e.g., activationregions 5122 in FIG. 5KK). In some embodiments the activation regions5122 are hidden activation regions (e.g., the activation regions are notdisplayed on the display).

The device detects (908) an input that corresponds to a request to movethe first icon. For example, as illustrated in FIG. 5KK, the devicedetects a finger contact 5120 at a location on a touch-sensitive surfacethat corresponds to the first icon (e.g., stocks application icon 5002-9in FIG. 5KK) and movement 5121 of the finger contact across thetouch-sensitive surface (e.g., from a first location 5120-a in FIG. 5KKto a second location 5120-b in FIG. 5LL to a third location 5120-c inFIG. 5MM on the touch screen 112). After detecting the input, the devicechanges (910) a size of the activation region for the second icon fromthe default size based on a distance from the first location to alocation of the second icon. For example, in FIG. 5KK the device changesa size of the activation region 5122-13 for the second icon (e.g., gamesfolder icon 5004-7) from a default activation region 5122-13-a in FIG.5KK to an enlarged activation region 5122-13-b in FIGS. 5LL-5MM. In someembodiments, the size of the activation region is changed in response todetecting a contact at a location on a touch-sensitive surface (e.g.,touch screen 112) that corresponds to a location of the first icon(e.g., the device changes the activation region 5122-13-a to activationregion 5122-13-b in response to simply detecting contact 5120 in FIG.5KK) on the display (e.g., touch screen 112). In some embodiments, thesize of the activation region is changed in response to detectingmovement of the contact away from a location on a touch-sensitivesurface (e.g., touch screen 112) that corresponds to a location of thefirst icon (e.g., the device changes the activation region 5122-13-a toactivation region 5122-13-b only after detecting at least some movement5121 of contact 5120, as illustrated in FIG. 5LL) on the display (e.g.,touch screen 112).

In some embodiments, the size of the activation region of the secondicon is also changed (912) based at least in part on a type of thesecond icon. In some embodiments, when the second icon is a folder icon,the activation region has (914) a first size (e.g., because and thefirst operation is adding the first icon to the folder represented bythe second icon). In some of these embodiments, when the second icon isan action icon, the activation region has a second size that is smallerthan the first size (e.g., because the first operation is creating afolder including the first icon and the second icon, In other words, theactivation regions are adjusted so as to make it easiest to move anicon, next easiest to an add icon to a preexisting folder, hardest tocreate new folder from two activation icons).

In some embodiments, for one or more respective icons in the pluralityof icons other than the first icon, the device changes (916) a size of arespective activation region for a respective icon from a respectivedefault size based on a distance from the first location to a respectivelocation of the respective icon (e.g., in response to detecting acontact at a location on a touch-sensitive surface that corresponds tothe first icon or in response to detecting movement of the contact awayfrom a location on a touch-sensitive surface that corresponds to thefirst icon). For example, in FIG. 5LL the size of the activation regionfor the photos application icon 5002-1 has been increased from a defaultsize 5122-1-a to a larger size 5122-1-b based on the distance from thefirst location (e.g., the location of the contact 5120-a in FIG. 5KK) toa respective location of the photos application icon 5002-1 in FIG. 5LL.Similarly, it should be noted that, in some embodiments, the defaultactivation regions (e.g., 5122-5-a, 5122-6-a, 5122-9-a. 5122-10-a,5122-14-a. 5122-15-a, 5122-16-a, 5122-17-a in FIG. 5KK) for a pluralityof the other icons (e.g., selectable user interface objects 5002-1,5002-2, 5002-6, 5002-7, 5004-1-b, 5002-10, 5004-7, 5002-14, 5002-15,5002-16, 5004-2, respectively in FIG. 5KK-5LL) have been adjusted, asillustrated in FIG. 5LL (e.g., by adjusted activation regions 5122-5-b,5122-6-b, 5122-9-b, 5122-10-b, 5122-14-b, 5122-15-b, 5122-16-b,5122-17-b, respectively in FIG. 5LL).

In response to detecting the input, the device moves (918) the firsticon across the display (e.g., touch screen 112) away from the firstlocation. For example, in FIG. 5LL the device displays the stocksapplication icon 5002-9 moving away from the first location (e.g., thelocation of the stocks application icon 5002-9 in FIG. 5KK). In someembodiments, when the first icon is at least partly within theactivation region of the second icon for more than a predeterminedperiod of time, the device displays (920) an indication of an actionthat will be performed when the input is terminated (e.g., an animationindicating that a new folder will be created or an animation indicatingthat the first icon will be added to a folder represented by the secondicon). For example, when the second icon is a folder icon the device mayhighlight the folder icon so as to indicate that the first icon will beadded to a folder. As another example, when the second icon is an actionicon, the device may highlight the action icon to indicate that a folderwill be created that includes the first icon and the second icon.

The device detects (922) that the input meets predefined triggercriteria (e.g., detecting lift off of the finger contact). In someembodiments, detecting that the input meets predefined trigger criteriaincludes detecting (924) termination of the first input. For example,termination of a first input is detected when the device detects aliftoff of contact 5120-c from the touch-sensitive surface (e.g., touchscreen 112).

Operations 928-946 are performed (926) in response to detecting that theinput meets predefined trigger criteria. In some embodiments the devicedetermines whether the first icon is at least partly within theactivation region of the second icon. When the first icon is (928) atleast partly within the activation region of the second icon, the deviceperforms operations 932-938, as discussed in greater detail below. Incontrast, when the first icon is (930) not at least partly within theactivation region of the second icon, the device performs operations940-946, as discussed in greater detail below.

When the device determines (932) that first icon is at least partlywithin the activation region (e.g., 5122-13-b in FIG. 5MM) of the secondicon, the device performs (934) a first operation that is associatedwith the second icon. In some embodiments, the first operation includescreating (936) a folder including the first icon and the second icon(e.g., as described in greater detail above with reference to method600). For example, in FIG. 5MM the device detects termination of theinput (e.g., liftoff of contact 5120-c) and in response to detectingtermination of the input, the device adds the stocks application icon5002-9 to the folder that is represented by the games folder icon5004-7, as illustrated in FIG. 5NN. In some embodiments the firstoperation includes adding (938) the first icon to a folder that isrepresented by the second icon. For example, if the device detectedtermination of the input when the stocks application icon 5002-9 was atleast partly within the activation region for another action icon, thedevice would create a folder including the stocks application icon5002-9 and the other action icon, as described in greater detail abovewith reference to FIGS. 5M-5N.

When the device determines (940) that the first icon is outside of theactivation region of the second icon, the device performs (942) a secondoperation that is distinct from the first operation. In someembodiments, the second operation includes rearranging (944) theplurality of icons on the display (e.g., touch screen 112) so that thefirst icon is proximate to a location of the second icon on the display.For example, in FIG. 5OO the device detects an input (e.g., contact 5124and movement 5126 of the contact) and detects that predefined triggercriteria have been met (e.g., that the contact 5124 has paused for morethan a predetermined period of time) at a location 5124-b that isoutside of an activation region 5128-11 of a second icon (e.g., gamesfolder icon 5004-7 in FIG. 5OO). Continuing this example, in response todetermining that the predefined criteria have been met, the devicerearranges the icons (e.g., so that all of the icons on the third row ofthe arrangement are shifted one space to the left). In some embodiments,the second operation includes returning (946) the first icon to thefirst location on the display. For example, if the device were to detecttermination of the contact 5120-c in FIG. 5MM while the stocksapplication icon 5002-9 is outside of the activation region 5122-13-bfor the games folder icon 5004-7, the device would return the stocksapplication icon 5002-9 to its previous location (e.g., the location ofthe stocks application icon 5002-9 in FIG. 5LL).

It should be understood that in some embodiments, one advantage ofadjusting the size of activation regions for icons on the display (e.g.,touch screen 112) based on a distance of the icon is that it provides alarger target for icons that are further away from the icon that isbeing moved. Typically when a touch gesture occurs over a longerdistance, the gesture will include movement that is faster than would bepart of a touch gesture that occurred over a shorter distance.Additionally, typically touch gestures that include faster movement areless accurate than touch gestures that include slower movement. Thus, byincreasing the size of activation regions for icons that are furtheraway from the starting point of the touch gesture the device compensatesfor the decreased accuracy of touch gestures that must traverse a longerdistance across a touch-sensitive surface (e.g., touch screen 112) toreach the icons that are further away from the starting point, therebyimproving the user-machine interface.

Note that details of other processes described herein with respect tomethods 600, 700, 800, 1000, 1100, 1200, 1300 (e.g., FIGS. 6A-6E, 7A-7C,8A-8C, 10A-10B, 11A-11C, 12A-12E, 13A-13E and 5A-5LLLL) are alsoapplicable in an analogous manner to the method 900 described above. Forexample, the icons (e.g., action icons 5002 and folder icons 5004)described with reference to FIGS. 9A-9B may have one or more of thecharacteristics of the various selectable user interfaceobjects/icons/items (e.g., action icons 5002 and folder icons 5004)described herein with reference to any of methods 600, 700, 800, 1000,1100, 1200, or 1300. For brevity, these details are not repeated here.

FIGS. 10A-10B are flow diagrams illustrating a method 1000 ofreconfiguring icons on a display in response to an icon management inputin accordance with some embodiments. The method 1000 is performed at amultifunction device (e.g., device 300. FIG. 3, or portablemultifunction device 100, FIG. 1) with a display and a touch-sensitivesurface. In some embodiments, the display is a touch screen display andthe touch-sensitive surface is on the display. In some embodiments, thedisplay is separate from the touch-sensitive surface. Some operations inmethod 1000 may be combined and/or the order of some operations may bechanged.

As described below, the method 1000 provides an intuitive way to manageicons. The method reduces the cognitive burden on a user when managingicons, thereby creating a more efficient human-machine interface. Forbattery-operated computing devices, enabling a user to manage iconsfaster and more efficiently conserves power and increases the timebetween battery charges.

The device displays (1002) a plurality of icons on the display (e.g.,touch screen 112) in a first arrangement (e.g., action icons 5002 andfolder icons 5004 in FIG. 5KK). The device detects (1004) an input thatcorresponds to a request to move a first icon in the plurality of iconsfrom a first position on the display (e.g., touch screen 112) to asecond position on the display. For example, the device detects acontact 5120 at a location on the touch-sensitive surface (e.g., touchscreen 112) that corresponds to a location of a stocks application icon5002-9 on the display (e.g., touch screen 112) and subsequent movement5121 of the contact (e.g., from a first location 5120-a in FIG. 5KK to asecond location 5120-b in FIG. 5LL to a third location 5120-c in FIG.5MM on the touch screen 112), which corresponds to a request to move thestocks application icon 5002-9 from its initial location in FIG. 5KK toa location that is proximate to the games folder icon 5004-7 in FIG. 5KKon the display (e.g., touch screen 112).

Operations 1008-1034 are performed (1006) in response to detecting theinput. The device moves (1008) the first icon from the first position tothe second position. For example, as illustrated in FIGS. 5KK-5MM thedevice moves the stocks application icon 5002-9 across the display(e.g., touch screen 112) towards the games folder icon 5004-7. In someembodiments, in response to detecting the input, the device displays(1010) a residual image of the first icon at the first position. Inthese embodiments, the residual image of the first icon is visuallydistinct from the first icon. In some embodiments, the residual image ofthe first icon is a grayed-out, translucent, semi-transparent, reducedcontrast, or ghost image of the first icon. In some embodiments, inresponse to detecting the input, the device displays (1012) an emptyspace at the first position (e.g., as illustrated in FIGS. 5LL-5MM,where an empty space is displayed at the right end of the second row oficons).

The device maintains (1014) positions of each respective icon in theplurality of icons other than the first icon until automaticreconfiguration criteria have been met. For example, in FIGS. 5LL-5MM,the device continues to display all of the icons other than the stocksapplication icon 5002-9 in the same positions on the display (e.g.,touch screen 112), even though there is an empty space in thearrangement of icons where the stocks application icon 5002-9 waspreviously located.

The device determines (1016) that the automatic reconfiguration criteriahave been met (e.g., at some later point in time). In some embodiments,the automatic reconfiguration criteria are met when a predeterminedperiod of time (e.g., 0.5 seconds, 1 second, 2 seconds, etc.) has passed(1018) since the input (or a beginning of the input) was detected. Insome embodiments the predetermined period of time is measured from abeginning of the input. In some embodiments the predetermined period oftime is measured from an end of the input. In some embodiments, theautomatic reconfiguration criteria are met when a predetermined periodof time has passed (1020) and the first icon is not currently located ata position on the display (e.g., touch screen 112) that is within anactivation region of another icon. In other words, in these embodiments,in addition to the predetermined period of time having passed, the firsticon must be displayed at a location on the display (e.g., touch screen112) that is outside of any of the activation regions of other icons. Insome embodiments, the automatic reconfiguration criteria are met whendevice detects (1022) termination of the input. For example, in FIG. 5MMthe device detects a liftoff of contact 5120-c and in response thedevice adds the stocks application icon 5002-9 to the folder associatedwith the games folder icon 5004-7 as illustrated in FIG. 5NN andsubsequently rearranges the icons, as illustrated in FIG. 5OO. In someembodiments, the automatic reconfiguration criteria are met while thefirst icon is still moving (1024) on the display. In other words, insome embodiments, the predetermined period of time elapses while theinput continues to be detected by the device (e.g., before detectingliftoff of the contact from the touch-sensitive surface).

In response to determining that the automatic reconfiguration criteriahave been met, the device moves (1026) one or more of the icons in theplurality of icons other than the first icon to form a secondarrangement that is distinct from the first arrangement. For example,the folder icon 5004-1-b is shifted from the third row in thearrangement of FIG. 5NN to the second row in the arrangement of FIG.5OO, while action icons 5002-10, 5002-11 and 5002-12 are shifted to theleft and games folder 5004-7 is shifted up from the fourth row in thearrangement of FIG. 5NN to the third row in the arrangement of FIG. 5OO.In some embodiments, the second arrangement includes (1028) an icon atthe first position that is distinct from the first icon. For example, inFIG. 5OO the device displays a folder icon 5004-1-b at the location thatwas previously occupied by the stocks application 5002-9 in FIG. 5KK. Insome embodiments, the first icon (e.g., stocks application icon 5002-9)has been moved to a different position within the icons. In someembodiments, the first icon (e.g., stocks application icon 5002-9) hasbeen removed from the plurality of icons (e.g., by being added to afolder 5004-7).

In some embodiments, the second arrangement is formed (1030) after (orin response to) detecting that the input meets predefined triggercriteria (e.g., detecting termination of the input) and the secondarrangement includes displaying (1032) the icons in a predefinedarrangement on the display (e.g., a two-dimensional grid or otherregularly-spaced arrangement on the touch screen 112). In someembodiments, when the automatic reconfiguration criteria have been met,reconfiguring (1034) the icons dynamically as the first icon is movedaround the display (e.g., so as to avoid overlap between the first iconand other icons on the touch screen 112). In other words, in someembodiments, the device moves a second icon from a respective initialposition to a respective new position when the second position of thefirst icon at least partially overlaps with the respective initialposition of the second icon, so as to accommodate display of the firsticon at the second position in the first area. For example, rearrangingthe icons includes swapping positions of the first icon with positionsof other icons as the first icon is moved around the display (e.g.,while continuing to detect the contact on the touch screen 112).

Note that details of other processes described herein with respect tomethods 600, 700, 800, 900, 1100, 1200, 1300 (e.g., FIGS. 6A-6E, 7A-7C,8A-8C, 9A-9B, 11A-11C, 12A-12E, 13A-13E and 5A-5LLLL) are alsoapplicable in an analogous manner to the method 1000 described above.For example, the icons (e.g., action icons 5002 and folder icons 5004)described with reference to FIGS. 10A-10B may have one or more of thecharacteristics of the various selectable user interfaceobjects/icons/items (e.g., action icons 5002 and folder icons 5004)described herein with reference to any of methods 600, 700, 800, 900,1100, 1200, or 1300. For brevity, these details are not repeated here.

FIGS. 11A-11C are flow diagrams illustrating a method 1100 of updating adynamic folder icon to provide a visual indication as to the contents ofa folder associated with the dynamic folder icon in accordance with someembodiments. The method 1100 is performed at a multifunction device(e.g., device 300, FIG. 3, or portable multifunction device 100, FIG. 1)with a display and a touch-sensitive surface. In some embodiments, thedisplay is a touch screen display and the touch-sensitive surface is onthe display. In some embodiments, the display is separate from thetouch-sensitive surface. Some operations in method 1100 may be combinedand/or the order of some operations may be changed.

As described below, the method 1100 provides an intuitive way to managea folder. The method reduces the cognitive burden on a user whenmanaging folders, thereby creating a more efficient human-machineinterface. For battery-operated computing devices, enabling a user tomanage folders faster and more efficiently conserves power and increasesthe time between battery charges.

The device displays (1102) a dynamic folder icon (e.g., games foldericon 5004-7 in FIG. 5SS). The dynamic folder icon (e.g., 5004-7 in FIG.5SS) includes a visual indication (e.g., “O,” “R,” “S,” and “M” in gamesfolder icon 5004-7 in FIG. 5SS) of current content in a folder that isassociated with the dynamic folder icon. In some embodiments, thedynamic folder icon indicates (1104) a number of action icons that arecontained within the folder associated with the dynamic folder icon. Forexample, the games folder icon 5004-7 in FIG. 5SS includes four reducedscale representations of selectable user interface objects that arewithin the folder associated with the folder icon (e.g., the boxescontaining “O,” “R,” “S,” and “M” in the games folder icon 5004-7).

In some embodiments, the content has (1106) a spatial arrangement withinthe folder and the dynamic folder icon (e.g., 5004-7 in FIG. 5TT)provides a visual indication as to the spatial arrangement of thecontent within the folder. In some embodiments, the content includes aplurality of action icons (e.g., 5002-4, 5002-13, 56002-9, 5002-8 inFIG. 5TT), the spatial arrangement is a predefined grid of action icons(e.g., a one-by-four grid of action icons as illustrated in folder view5138 of FIG. 5TT), and a plurality of respective action icons each has(1108) one or more horizontally adjacent neighboring action icons. Insome embodiments, the dynamic folder icon (e.g., 5004-7 in FIG. 5TT)includes reduced scale representations (e.g., the boxes containing “O.”“R.” “S,” and “M” in the games folder icon 5004-7) of at least a subsetof the plurality of action icons, and the reduced scale representationsare arranged (1110) so that, for a plurality of the reduced scalerepresentations, each reduced scale representation of a respectiveaction icon is horizontally adjacent to a reduced scale representationof one of the neighboring action icons for the respective action icon.In some embodiments, the folder includes a plurality of action iconshaving a first scale; and displaying the dynamic folder icon includesdisplaying (1112) reduced scale representations of one or more of actionicons in the plurality of action icons at a second scale within thedynamic folder icon, the second scale being smaller than the firstscale.

For example, in FIG. 5TT, in response to a folder display input (e.g.,tap gesture 5136 in FIG. 5SS), the device displays a folder view 5138for a folder associated with the games folder icon 5004-7. Asillustrated in FIG. 5TT the folder view includes four selectable userinterface objects including a solitaire application icon 5002-4, aracing application icon 5002-13, a stocks application icon 5002-9 and amaps application icon 5002-8, with a spatial arrangement in a line fromleft to right. In this example, the games folder icon 5004-7 provides avisual indication of the spatial arrangement of these action icons bydisplaying the reduced scale representations of the content in an orderthat is based on the order of the action icons within the folder view.In particular, the racing application icon 5002-13 is in between thesolitaire application icon 5002-4 (on the left) and the stocksapplication icon 5002-9 (on the right), and the reduced scalerepresentation of the racing application icon (e.g., “R” in the gamesfolder icon 5004-7 in FIG. 5TT) is in between the reduced scalerepresentation of the solitaire application icon (e.g., “O” in the gamesfolder icon 5004-7 in FIG. 5TT) and the reduced scale representation ofthe solitaire application icon (e.g., “S” in the games folder icon5004-7 in FIG. 5TT).

The device detects (1114) an input that corresponds to a request tomodify content in the folder. For example, in FIG. 5TT the devicedetects a contact 5140 at a location on the touch-sensitive surface(e.g., touch screen 112) that corresponds to a location of the stocksapplication icon 5002-9 on the display (e.g., touch screen 112) andsubsequent movement 5142 of the contact to a location on thetouch-sensitive surface (e.g., touch screen 112) that corresponds to alocation on the display (e.g., touch screen 112) that is within thefolder view 5138. In some embodiments, the folder is an automaticallycreated folder; and detecting an input that corresponds to a request tomodify content in the folder includes detecting (1116) an inputassociated with a respective application such that a respective actionicon associated with the respective application is added to, removedfrom or moved within the folder (e.g., the folder is a recently addedapplication folder, and the input is that a new application has beenadded to the device, or the folder is a most frequently used applicationfolder, and the input is the use of an application that renders thatapplication the most frequently used application). For example, when auser launches an application, an application icon associated with theapplication is moved into a “recently used applications” folder.

Operations 1120-1136 are performed (1118) in response to detecting theinput. The device modifies (1120) the content in the folder; and updatesthe dynamic folder icon (e.g., 5004-7 in FIG. 5UU) to include a visualindication of a spatial arrangement of the modified content within thefolder. It should be understood that the modification of the content inthe folder can include repositioning content within the folder, deletingcontent from the folder and/or adding content to the folder.

In some embodiments, the device detects a repositioning input thatcorresponds to a request to reposition a first action icon within thefolder; and in response to detecting the repositioning input: the devicerepositions (1122) the first action icon within the folder in accordancewith the repositioning input; and repositions a reduced scalerepresentation of the action icon within the dynamic folder icon inaccordance with the repositioning of the first action icon within thefolder. For example, in FIG. 5T the device detects a repositioning inputincluding a contact 5140 at a location on the touch-sensitive surface(e.g., touch screen 112) that corresponds to a location of the stocksapplication icon 5002-9 on the display (e.g., touch screen 112) andsubsequent movement 5142 of the contact to a location on thetouch-sensitive surface (e.g., touch screen 112) that corresponds to alocation on the display (e.g., touch screen 112) that is within thefolder view 5138. In this example, in response to detecting therepositioning input, the device moves the stocks application icon 5002-9to a new position within the folder view 5138 as illustrated in FIG. 5UU(e.g., so that the solitaire application icon 5002-4 is displayed inbetween the stocks application icon 5002-9 and the racing applicationicon 5002-13). Additionally, in this example, the device rearranges thereduced scale representations within the games folder icon 5004-7, asillustrated in FIG. 5UU, so that the reduced scale representationsprovide a visual indication as to the updated spatial arrangement ofcontent within the folder. In particular, the reduced scalerepresentation of the solitaire application icon (e.g., “O” in the gamesfolder icon 5004-7 in FIG. 5UU) is in between the reduced scalerepresentation of the stocks application icon (e.g., “S” in the gamesfolder icon 5004-7 in FIG. 5UU) and the reduced scale representation ofthe racing application icon (e.g., “R” in the games folder icon 5004-7in FIG. 5UU).

In some embodiments, the device detects an icon removal input thatcorresponds to a request to remove a first action icon from the folder;and in response to detecting the icon removal input: the device removes(1124) the first action icon from the folder; and removes a reducedscale representation of the first action icon from the dynamic foldericon. For example, in FIG. 5EE the device detects an icon removal inputthat includes a contact 5112 at a location that corresponds to asolitaire application icon 5002-4 and subsequent movement 5114 of thecontact out of the folder view 5106 into a first portion 5108 of thebackground that is an object removal region. In response to this iconremoval input, the device removes the solitaire application icon 5002-4from the folder view 5106, as illustrated in FIG. 5FF. Additionally, inthis example, while the device previously displayed a reduced scalerepresentation of the solitaire application icon (e.g., “O” in playfolder icon 5004-7 in FIG. 5EE) in the folder icon 5004-7 associatedwith the folder view 5106, the device ceases to display the reducedscale representation of the solitaire application icon (e.g., in FIG.5FF “O” is no longer displayed in the play folder icon 5004-7).

In some embodiments, the device detects an icon addition input thatcorresponds to a request to add a first action icon to the folder; andin response to detecting the icon removal input: the device adds (1126)the first action icon to the folder; and adds a reduced scalerepresentation of the first action icon to the dynamic folder icon. Forexample, in FIGS. 500-5PP the device detects an icon addition input thatincludes a contact 5124-a at a location on the touch-sensitive surface(e.g., touch screen 112) that corresponds to a location of a mapsapplication icon 5002-8 on the display (e.g., touch screen 112) in FIG.500 and subsequent movement (e.g., 5126 and 5130) of the contact on thetouch-sensitive surface (e.g., touch screen 112) to a location thatcorresponds to a location on the display (e.g., touch screen 112) of anactivation region 5128-11 of a games folder icon 5004-7. In response tothis icon addition input, the device adds the maps application icon5002-8 to the folder associated with the games folder icon 5004-7, asillustrated in FIG. 5TT. Additionally, in this example, while the devicepreviously did not display any reduced scale representation of the mapsapplication icon in the folder icon 5004-7 (e.g., as illustrated inFIGS. 500-5PP), after (or in conjunction with) adding the mapsapplication icon 5002-8 to the games folder icon 5004-7, the devicedisplays a reduced scale representation of the maps application icon(e.g., in FIG. 5QQ “M”) within the games folder icon 5004-7.

In some embodiments, content of the folder includes an action icon andthe dynamic folder icon changes (1128) when there is a notification froman application that corresponds to the action icon. In some embodiments,the dynamic folder icon changes by displaying (1130) a status indicatoron the dynamic folder icon. For example in FIG. 5B, a folder icon5004-1-b displays a notification badge 5012 indicating that one of theapplications that are associated with an application icon within thefolder represented by the folder icon 5004-1-b has a notification. Insome embodiments, the dynamic folder icon changes by displaying (1132) astatus indicator on a reduced scale version of the action icon withinthe dynamic folder icon. For example in FIG. 5B, a folder icon 5004-1-bdisplays a notification badge 5014 on a reduced scale representation(e.g., “x7”) within the folder icon 5004-1-b, which indicates that theapplication associated with the reduced scale representation has anotification (e.g., if the application associated with “x7” is an emailapplication, then the notification typically will indicate that a newemail has arrived).

In some embodiments, the appearance of the dynamic folder icon changes(1134) when the device is in a user interface reconfiguration mode. Insome embodiments, the folder has limited space (e.g., 9 slots, 12 slots,16 slots, or any other reasonable number) for displaying selectable userinterface objects (e.g., selectable user interface objects such asapplication icons and/or file icons) and the appearance of the dynamicfolder icon in user interface reconfiguration mode indicates (1136)whether the folder has space to display any additional selectable userinterface objects (e.g., by displaying room for extra reduced scalerepresentations of action icons).

For example, in FIG. 5A, while the device is in a normal operation mode,a dynamic folder icon 5004-1-a displays reduced scale representations(e.g., “x1,” “x2,” “x3,” “x4,” “x5,” and “x6”) which represent contents(e.g., action icons 5002) within the folder. However, in this examplethere are more than six action icons 5002 within the folder, and thusthe device only displays reduced scale representations of the first sixaction icons within the dynamic folder icon. Continuing this example,when the device enters a user interface reconfiguration mode (e.g., inresponse to detecting press and hold gesture 5008 in FIG. 5A) the devicechanges the dynamic folder icon (e.g., from dynamic folder icon 5004-1-bin FIG. 5A to dynamic folder icon 5004-1-b in FIG. 5B) shifts thereduced scale representations within the dynamic icon upwards to revealan additional reduced scale representation (e.g., “x7” in the foldericon 5004-1-b) within the folder icon 5004-1-b while ceasing to displaythe first three reduced scale representations of folder icons (e.g.,“x1,” “x2,” and “x3”) within the folder icon 5004-1-b. In this example,the dynamic folder icon also displays two empty spaces next to the newreduced scale representation. In addition to providing an indicationthat there are more than six items in the folder associated with thefolder icon 5004-1-b, changing the dynamic folder icon by showing twoempty spaces next to the new reduced scale representation also providesa visual indication that there is room to display additional actionicons within the folder view.

Note that details of other processes described herein with respect tomethods 600, 700, 800, 900, 1000, 1200, 1300 (e.g., FIGS. 6A-6E, 7A-7C,8A-8C, 9A-9B, 10A-10B, 12A-12E, 13A-13E and 5A-5LLLL) are alsoapplicable in an analogous manner to the method 1100 described above.For example, the selectable user interface objects (e.g., action icons5002 and folder icons 5004) described with reference to FIGS. 11A-11Cmay have one or more of the characteristics of the various selectableuser interface objects/icons/items (e.g., action icons 5002 and foldericons 5004) described herein with reference to any of methods 600, 700,800, 900, 1000, 1200, or 1300. For brevity, these details are notrepeated here.

FIGS. 12A-12E are flow diagrams illustrating a method 1200 of providingcontextual information in conjunction with displaying content of afolder in accordance with some embodiments. The method 1200 is performedat a multifunction device (e.g., device 300, FIG. 3, or portablemultifunction device 100, FIG. 1) with a display and a touch-sensitivesurface. In some embodiments, the display is a touch screen display andthe touch-sensitive surface is on the display. In some embodiments, thedisplay is separate from the touch-sensitive surface. Some operations inmethod 1200 may be combined and/or the order of some operations may bechanged.

As described below, the method 1200 provides an intuitive way to displaycontent of a folder. The method reduces the cognitive burden on a userwhen managing folders by providing contextual information in conjunctionwith displaying content of a folder, thereby creating a more efficienthuman-machine interface. For battery-operated computing devices,enabling a user to manage folders faster and more efficiently conservespower and increases the time between battery charges.

The device displays (1202) a folder icon (e.g., folder icon 5004-7 inFIG. 5S) over a wallpaper background on the display (e.g., touch screen112), the folder icon corresponding to a folder that contains content,the content including one or more selectable user interface object(e.g., application icons, bookmark icons, and/or document icons). Insome embodiments, prior to detecting the first input, the devicedisplays (1204) one or more additional selectable user interface objects(e.g., action icons 5002-1, 5002-2, 5002-3, 5002-5, 5002-6, 5002-7,5002-8, 5002-9, 5002-10, 5002-11, 5002-12, 5002-14, 5002-15, 5002-16 andfolder icons 5004-1-b and 5004-2 in FIG. 5S).

The device detects (1206) a first input (e.g., tap gesture 5076 in FIG.5S) that corresponds to a request to display content of the folder(e.g., the folder associated with folder icon 5004-7 in FIG. 5S).

Operations 1210-1226 are performed (1208) in response to detecting thefirst input (e.g., tap gesture 5076 in FIG. 5S). The device divides(1210) the wallpaper background into a first portion (e.g., 5084 inFIGS. 5X-5AA) and a second portion (e.g., 5086 in FIGS. 5X-5AA). In someembodiments, the one or more additional selectable user interfaceobjects include: a first set of additional selectable user interfaceobjects (e.g., action icons 5002-1, 5002-2, 5002-3, 5002-5, 5002-6,5002-7, 5002-8, 5002-9, 5002-10, 5002-11, 5002-12 and folder icon5004-1-b in FIGS. 5X-5AA) that have predefined locations on the firstportion 5084 of the wallpaper background; and a second set of additionalselectable user interface objects (e.g., 5002-14, 5002-15, 5002-16 andfolder icon 5004-2 in FIGS. 5X and 5AA) that have predefined locationson the second portion 5086 of the wallpaper background (1204).

In some embodiments, the folder icon (e.g., 5004-7 in FIGS. 5X-5AA) isdisplayed (1212) within the first portion (e.g., 5084 in FIGS. 5X-5AA)of the wallpaper. In some embodiments, when the folder icon (e.g.,5004-2 in FIGS. 5CCC-5FFF) is one of a plurality of selectable userinterface objects in a dock area (e.g., 5006 in FIGS. 5CCC-5FFF) of thedisplay (e.g., touch screen 112), the first portion (e.g., 5172 in FIGS.5DDD-5FFF) includes the dock area of the display. In contrast, in theseembodiments, when the folder icon (e.g., 5004-7 in FIGS. 5X-5AA) is oneof a plurality of selectable user interface objects outside of the dockarea (e.g., 5006 in FIGS. 5X-5AA) of the display (e.g., touch screen112), the second portion (e.g., 5086 in FIGS. 5X-5AA) includes the dockarea (e.g., 5006 in FIGS. 5X-5AA) of the display. In other words, inaccordance with these embodiments, the wallpaper splits above the foldericon when the folder icon is in a dock (e.g., as illustrated in FIGS.5CCC-5FFF), and the wallpaper splits below the folder icon when thefolder icon is in a navigation area above the dock (e.g., as illustratedin FIG. 5X-5AA). In some embodiments, the navigation area (e.g., thehome screen with the plurality of selectable user interface objects) hasa plurality of pages (e.g., which can be navigated through in responseto detecting horizontal swipe gestures), and the dock region stays in afixed location even while the device scrolls through the arrangement ofselectable user interface objects in the navigation area.

The device moves (1214) the second portion away from the first portion.For example in FIGS. 5X-5Y the second portion 5086 is moved away fromthe first portion 5084. As another example, in FIG. 5DD the secondportion 5174 is being moved away from the first portion 5172. In someembodiments, the first portion is also moved away from the secondportion. For example in FIG. 5VV-5WW the device moves both the upperportion of the wallpaper background and the lower portion of thewallpaper background away from each other. In some embodiments, movingthe first portion away from the second portion includes moving (1216)the first set of additional selectable user interface objects inaccordance with movement of the first portion of the wallpaperbackground and moving the second set of additional selectable userinterface objects in accordance with movement of the second portion ofthe wallpaper background. For example as illustrated in FIG. 5X-5Y, theselectable user interface objects (e.g., 5002-14, 5002-15, 5002-16, and5004-2 in FIG. 5X) in the second portion 5086 are moved off the display(e.g., touch screen 112) as the second portion 5086 is moved away fromthe first portion 5084.

In some embodiments, dividing the wallpaper background includes dividing(1218) the wallpaper along a dividing line so that a contour of a firstedge (e.g., 5088 in FIG. 5X) of the first portion is complementary to acontour of a second edge (e.g., 5090 in FIG. 5X) of the second portion(e.g., the first edge of the first portion and the second edge of thesecond portion fit together like puzzle pieces), and moving the secondportion away from the first portion includes adjusting the contour ofthe first edge and/or adjusting the contour of the second edge so thatthe contour of the first edge ceases to be complementary to the contourof the second edge (e.g., after the portions have moved apart, the firstportion and the second portion no longer fit together like puzzlepieces). For example, as illustrated in FIG. 5X the contour of the firstedge 5088 is initially complementary to the contour of the second edge5090, while in FIG. 5Y the contour of the first edge 5088 is no longercomplementary to the contour of the second edge 5090. In someembodiments, the folder icon is displayed within the first portion ofthe wallpaper; and the contour of the first edge includes (1220) acut-out shape (e.g., 5094 in FIGS. 5X-5Y) was defined by the dividingline. In some of these embodiments, the cut-out shape provides a visualindication of a location of the folder icon within the first portion.For example in FIGS. 5X-5Y the cut-out shape 5094 points to the foldericon 5004-7 that is associated with the folder view 5092.

The device displays (1222) content of the folder in an area between thefirst portion and the second portion. For example, the content of thefolder includes a plurality of application icons (e.g., 5002-4 and5002-13 in FIG. 5Y or 5002-26, 5002-27, 5002-28, 5002-29, 5002-30,5002-31, 5002-32, 5002-33, 5002-34, 5002-35, 5002-36, and 5002-37 inFIG. 5EEE) and the application icons are revealed as though they wereunderneath the wallpaper (e.g., as though the wallpaper is a slidingdoor that has opened to reveal the application icons behind thewallpaper), as illustrated in FIGS. 5X-5Y and FIGS. 5CCC-5EEE

In some embodiments, a size of the area between the first portion andthe second portion is determined (1224) based on a number of selectableuser interface objects within the folder. For example, in FIG. 5Y thefolder only includes two selectable user interface objects and thus thefolder view 5092 takes up substantially less than half of the display.As another example, in FIG. 5EEE where the folder includes at leasttwelve selectable user interface objects, the folder view 5170 takes upmore than half of the display. Thus, the folder view (e.g., 5092 or5170) takes up only as much room on the display (e.g., touch screen 112)as necessary, thereby leaving more room on the display (e.g., touchscreen 112) to show contextual information (e.g., other selectable userinterface objects outside of the folder view).

In some embodiments, prior to detecting the first input, the devicedisplays one or more additional selectable user interface objects (e.g.,action icons 5002-1, 5002-2, 5002-3, 5002-5, 5002-6, 5002-7, 5002-8,5002-9, 5002-10, 5002-11, 5002-12 and folder icon 5004-1-b in FIGS.5X-5AA); and, in response to detecting the first input, the devicevisually distinguishes (1226) (e.g., by highlighting) the folder iconfrom the one or more additional selectable user interface objects (e.g.,by changing the brightness, contrast, hue, saturation, color, etc. ofthe additional selectable user interface objects as compared to thebrightness, contrast, hue, saturation, color, etc. of the folder icon).In some embodiments, the initial brightness, contrast, hue, saturation,color, etc. (e.g., prior to detecting the first input) of the additionalselectable user interface objects is the same as the brightness,contrast, hue, saturation, color, etc. of the folder icon. For examplein FIGS. 5Y-5V the device displays the folder icon 5004-7 at a normalopacity and saturation while in the other selectable user interfaceobjects (e.g., action icons 5002-1, 5002-2, 5002-3, 5002-5, 5002-6,5002-7, 5002-8, 5002-9, 5002-10, 5002-11, 5002-12 and folder icon5004-1-b in FIGS. 5X-5AA) are displayed at reduced opacity andsaturation.

In some embodiments, operations 1230-1232 are performed while the deviceis (1228) in a normal operation mode when the first input is detected.In some of these embodiments, the device detects (1230) a second inputthat corresponds to activation of a respective selectable user interfaceobject in the folder; and, in response to detecting the second input,the device performs (1232) an operation associated with the respectiveselectable user interface object. For example, in FIG. 5PPP the devicedisplays a folder view 5212 while the device is in a normal operationmode. In this example, the device detects a second input (e.g., tapgesture 5214) at a location that corresponds to a stocks applicationicon 5002-9 and in response to the second input the device activates(e.g., launches or displays a view for) a stocks application.

In some embodiments, operations 1236-1238 are performed while the deviceis (1234) in a user interface reconfiguration mode when the first inputis detected. In some of these embodiments, the device detecting (1236) asecond input that corresponds to a request to move a respectiveselectable user interface object within the folder; and in response todetecting the second input, the device moves (1238) the respectiveselectable user interface object within the folder. For example, in FIG.5TT the device displays a folder view 5138 while the device is in a userinterface reconfiguration mode. In this example, the device detects asecond input (e.g., contact 5140 at a location on the touch screen 112that corresponds to a location of a stocks application icon 5002-9 andmovement 5142 of the contact across the touch screen 112) and inresponse to the second input the device moves the stocks applicationicon 5002-9 in the folder view 5138 in accordance with the input to anew location within the folder view, as illustrated in FIG. 5SS.

In some embodiments, operations 1242-1244 are performed while displaying(1240) content of the folder in the area between the first portion andthe second portion: detecting (1242) an input that corresponds toselection of the first portion or the second portion. In someembodiments, in response to detecting the input, the device ceases(1244) to display the content of the folder (e.g., collapsing the areaby moving the first portion and the second portion together). Forexample in FIG. 5UU, while the device is displaying a folder view 5138including content (e.g., action icons 5002-9, 5002-4, 5002-13 and5002-8), the device detects a second input (e.g., tap gesture 5144) at alocation on the touch-sensitive surface (e.g., touch screen 112) thatcorresponds to a location on the display (e.g., touch screen 112) thatis outside of the folder view 5138 and in response to detecting thesecond input the device ceases to display the folder view 5138, asillustrated in FIG. 5VV.

In some embodiments, the device enters (1246) a user interfacereconfiguration mode; and, while displaying (1248) content of the folderin the area between the first portion and the second portion: the devicedetects (1250) an input that corresponds to a request to move arespective selectable user interface object from the area between thefirst portion and the second portion into the first portion or thesecond portion. In some of these embodiments, in response to detectingthe input, the device removes (1252) the respective selectable userinterface object from the folder. In some embodiments, in response tomoving the selectable user interface object out of the folder, thefolder view ceases to be displayed (e.g., by collapsing the area bymoving the first portion and the second portion together). For examplein FIG. 5YY, while the device is displaying a folder view 5148 thedevice detects an input that corresponds to a request to move aselectable user interface out of the folder view 5148. In particular,the device detects a contact 5162 at a location (e.g., a first location5162-a in FIG. 5YY) on the touch-sensitive surface (e.g., touch screen112) that corresponds to a location of an app-4 application icon 5002-22on the display (e.g., touch screen 112) and subsequent movement 5164 ofthe contact to a location on the touch-sensitive surface (e.g., touchscreen 112) that corresponds to a location on the display (e.g., touchscreen 112) that is outside of the folder view (e.g., to a secondlocation 5162-b as illustrated in 5ZZ). In this example, after detectinga pause in the movement for more than a predetermined period of time thedevice ceases to display the folder view as illustrated in FIG. 5AAA.Subsequently, the selectable user interface object (e.g., app-4application icon 5002-22 is removed from the folder and displayed in thearrangement of selectable user interface objects outside of the folderview, as illustrated in FIG. 5CCC.

In some embodiments, a first portion of the content of the folder isdisplayed (1254) in the area (e.g., folder view 5170 in FIG. 5EEE)between the first portion and the second portion. In some of theseembodiments, the device detecting (1256) a next-portion input thatcorresponds to a request to display a next portion of the content of thefolder; and in response to detecting the next-portion input, the devicedisplays (1258) a second portion of the content of the folder in thearea between the first portion and the second portion. (e.g., detectinga flick gesture to the left or to the right causes a next page ofapplication icons or a previous page of application icons to bedisplayed in the area). For example, in FIG. 5EEE the device displays afirst portion of content of the folder that includes a first pluralityof selectable user interface objects (e.g., or 5002-26, 5002-27,5002-28, 5002-29, 5002-30, 5002-31, 5002-32, 5002-33, 5002-34, 5002-35,5002-36, and 5002-37 in FIG. 5EEE) within a folder view 5170. Inresponse to detecting a swipe gesture (e.g., contact 5176 and movement5178 of the contact to the left at a location on the touch screen 112that corresponds to a location within the folder view 5170) the devicedisplays a second portion of content of the folder that includes asecond plurality of selectable user interface objects (e.g., or 5002-38,5002-39, 5002-40, 5002-41, 5002-42, 5002-43 in FIG. 5FFF) within thefolder view 5170 on the display (e.g., touch screen 112) in FIG. 5FFF.

In some embodiments, a first portion of the content of the folder isdisplayed (1260) in the area between the first portion and the secondportion. In some of these embodiments, the device detects (1262) ascrolling input that corresponds to a request to scroll the content ofthe folder; and in response to detecting the scrolling input, the devicescrolls (1264) the content of the folder laterally on the display (e.g.,touch screen 112) in the area between the first portion and the secondportion so as to display a second portion of the content. In otherwords, in some embodiments, instead of distinct portions of the contentsof the folder, a list or array of selectable user interface objects canbe continuously scrolled through by the device in response to detectingscrolling inputs (e.g., a flick gesture including contact 5176 andsubsequent movement 5178 of the contact on a touch screen 112 thatcorresponds to a location within the folder view, as illustrated in FIG.5EEE).

Note that details of other processes described herein with respect tomethods 600, 700, 800, 900, 1000, 1100, 1300 (e.g., FIGS. 6A-6E, 7A-7C,8A-8C, 9A-9B, 10A-10B, 11A-11C, 13A-13E and 5A-5LLLL) are alsoapplicable in an analogous manner to the method 1200 described above.For example, the selectable user interface objects (e.g., action icons5002 and folder icons 5004) described with reference to FIGS. 12A-12Emay have one or more of the characteristics of the various selectableuser interface objects/icons/items (e.g., action icons 5002 and foldericons 5004) described herein with reference to any of methods 600, 700,800, 900, 1000, 1100, or 1300. For brevity, these details are notrepeated here.

FIGS. 13A-13E are flow diagrams illustrating a method 1300 of displayingand navigating multi-page folders in accordance with some embodiments.The method 1300 is performed at an electronic device (e.g., device 300.FIG. 3, or portable multifunction device 100, FIG. 1) with a display anda touch-sensitive surface. In some embodiments, the display is a touchscreen display and the touch-sensitive surface is on the display. Insome embodiments, the display is separate from the touch-sensitivesurface. Some operations in method 1300 may be combined and/or the orderof some operations may be changed.

As described below, the method 1300 provides an intuitive way to displayand navigate a multi-page folder. The method reduces the cognitiveburden on a user when navigating a user interface, in particular whennavigating folders, thereby creating a more efficient human-machineinterface. For battery-operated computing devices, enabling a user tonavigate folders faster and more efficiently conserves power andincreases the time between battery charges.

The device concurrently displays (1302) a plurality of selectable userinterface objects that includes one or more folder icons on the display.For example, FIG. 5QQQ illustrates an exemplary user interface withselectable user interface objects such as action icons 5002 and foldericons 5004 displayed on touch screen 112.

The device detects (1304) a first input that corresponds to a request toselect a respective folder icon (e.g., a tap gesture on the respectivefolder icon) for a respective folder. For example, FIG. 5QQQ illustratesdetection of contact 5216, which corresponds to a request to selectfolder icon 5004-12. The respective folder includes a first number ofselectable icons divided between a plurality of distinct separatelydisplayed pages, including a first page and a second page. For example,the folder associated with folder icon 5004-12 (FIG. 5QQQ) includes afirst page (shown on FIG. 5TTT) including selectable action icons5002-51 through 5002-52, and a second page (shown on FIG. 5VVV)including selectable action icons 5002-60 through 5002-68, and a thirdpage shown in FIG. 5FFFF that includes selectable action icons 5002-69and 5002-70.

In response to detecting the first input, the device displays a folderview for the respective folder (e.g., the first page of the folder,shown in FIG. 5TTT). In some embodiments, prior to detecting the firstinput, the plurality of selectable user interface objects are displayed(1308) in a respective arrangement (shown in FIG. 5QQQ). In suchembodiments, displaying the folder view for the respective folder inresponse to detecting the first input includes zooming (1310) in on therespective folder icon. Zooming in on the respective folder iconincludes enlarging the respective arrangement so that the respectivefolder icon is enlarged and moves toward a center of the display (e.g.,as shown in FIGS. 5RRR-5SSS). After zooming in on the respective foldericon, displaying the folder view for the respective folder in responseto detecting the first input includes displaying (1312) replacement ofthe enlarged respective folder icon with the folder view (e.g., as shownin FIG. 5T).

In some embodiments, the folder view includes room to simultaneouslydisplay (1314) no more than a second number of selectable icons that isless than the first number of selectable icons. For example, in theexample shown in FIG. 5TTT, the folder view includes room tosimultaneously display no more than nine selectable icons (e.g., actionicons 5002). In some embodiments, the first number is determined, atleast in part, by user settings. For example, a user may set an iconsize to small, medium, or large, and the second number is determined inaccordance with the icon size. The folder view displays (1316) the firstpage that includes a first subset of the selectable icons in the folder(e.g., selectable action icons 5002-51 through 5002-52, FIG. 5T). Insome embodiments, the first subset of the selectable icons is displayedin a first arrangement in the first page of the folder view. In suchembodiments, prior to detecting the first input, the respective foldericon includes a plurality of reduced scale representations of the firstsubset of the selectable icons displayed in the first arrangement. Forexample, as shown in FIG. 5QQQ, folder icon 5004-12 includes reducedscale representations “y1,” “y2,” “y3,” “y4,” “y5,” “y6,” “y7,” “y8,”and “y9,” which have a one-to-one correspondence, respectively, with“App y1” (5002-51), “App y2” (5002-52), “App y3” (5002-53), “App y4”(5002-54), “App y5” (5002-55), “App y6” (5002-56), “App y7” (5002-57),“App y8” (5002-58), “App y9” (5002-59) which correspond to respectiveapplications where a user interface for the respective application isdisplayed in response to detecting activation of the correspondingselectable icon.

In some embodiments, in response to detecting the first input, thedevice ceases to display (1320) the plurality of selectable userinterface objects.

While displaying the first page of the folder view, the device detects(1322) a second input that corresponds to a request to display thesecond page of the folder view (e.g., a horizontal swipe gesture on thefirst page within the folder view). For example, gesture 5220 (FIG.5TTT) is an example of a page-right request. In some embodiments, thefirst input is (1324) a tap gesture on the respective folder icon, andthe second input is a swipe gesture within the folder view. In someembodiments, displaying the folder view includes displaying (1326) twoor more page indicator icons (e.g., page indicator icons 5217, FIG.5TTT) that provide information about the number of distinct pages ofselectable icons between which selectable icons in the folder aredivided. After detecting the first input and before detecting the secondinput, the two or more page indicator icons have a first appearance. Insome embodiments, the page indicator icons indicate (1328) a location ofa currently displayed page in the folder view in a sequence of pages ofselectable icons in the respective folder (e.g., while the first page ofthe folder view is displayed, the left-most page indicator icon isfilled-in as shown in FIG. 5TTT, while the second page of the folderview is displayed, the second from the left page indicator icon isfilled-in as shown in FIG. 5VVV, and while the third page of the folderview is displayed, the third from the left page indicator icon isfilled-in as shown in FIG. 5HHHH).

In some embodiments, in response to detecting the second input, thedevice updates (1330) the two or more page indicator icons to have asecond appearance, different from the first appearance. In someembodiments, the first appearance of the page indicator icons indicates(1332) that the first page is currently displayed in the folder view,and the second appearance of the page indicator icons indicates that thesecond page is currently displayed in the folder view.

In response to detecting the second input, the device ceases (1334) todisplay the first page of the folder view and displays the second pageof the folder view for the respective folder. The second page of thefolder view includes a second subset of the selectable icons differentfrom the first subset of the selectable icons. For example, as shown inFIGS. 5TTT-5VVV, the display of the first page is changed to display ofthe second page. The appearance of the page indicator icons 5217 is alsoupdated to reflect the change from display of the first page to displayof the second page.

In some embodiments, while displaying the second page of the folderview, the device detects (1336) a third input that corresponds to arequest to close the folder view (e.g., activation of a home button witha press input of contact 5236, as shown in FIG. 5HHHH, or a tap gestureon a portion of the touch screen display that is associated with closingthe folder view). In response to detecting (1338) the third input, thedevice ceases (1340) to display the folder view. In some embodiments,the device displays a different user interface distinct from the folderview after ceasing to display the folder view. For example, in someembodiments, the device displays a home screen with the respectivefolder icon. The device displays (1342), in the respective folder iconfor the respective folder, reduced scale representations of the secondsubset of the selectable icons (e.g., “y19,” “y20,” and “y16” in foldericon 5004-12, FIG. 5IIII which correspond to “App y19,” “App y20,” and“App y20,” respectively, in FIG. 5HHHH). After displaying reduced scalerepresentations of the second subset of the selectable icons in therespective folder icon, the device displays (1344) replacement of thereduced scale representations of the second subset of the selectableicons with reduced scale representations of the first subset of theselectable icons in the respective folder icon (e.g., by sliding thereduced scale representations of the second subset of the selectableicons out of the folder icon in the first direction and sliding thereduced scale representations of the first subset of the selectableicons into the folder icon in the first direction). For example, FIG.5JJJJ illustrates the result of replacement of the reduced scalerepresentations of “y19,” “y20,” and “y16” with reduced scalerepresentations of icons in the first page of the folder in folder icon5004-12.

In some embodiments, while displaying the second page of the folderview, the device detects (1346) a fourth input that corresponds to arequest to move a respective icon from the second page of the folderview to a respective location on the display (e.g., while in an iconreconfiguration mode that was initiated by a long press on therespective icon). In response to detecting (1348) the fourth input(e.g., 5226-c, in FIG. 5DDDD to 5225-d, FIG. 5EEEE), in accordance witha determination that the respective location is within a predeterminedpage-change region (e.g., page-change region 5233-2 as shown in FIG.5EEEE), the device moves (1350) the respective icon from the second pageto a different page of the folder view. On the other hand, in accordancewith a determination that the respective location is within apredetermined icon-removal region (e.g., moving contact 5226 fromlocation 5226-a in FIG. 5AAAA to location 5226-b in FIG. 5BBBB that iswithin icon-removal region 5231) that is distinct from the page-changeregion, the device removes (1354) the respective icon from the folderview. In some embodiments, the icon-removal region is (1356) at or neara bottom of the folder view. In some embodiments, in addition toremoving the respective icon from the folder view, the respective iconis added to the plurality of selectable user interface objects thatincludes the respective folder icon.

In some embodiments, the plurality of selectable user interface objectsis (1358) a first page of selectable user interface objects in theplurality of distinct separately displayed pages of selectable userinterface objects. In some embodiments, the device receives (1360) afifth input (e.g., a horizontal finger swipe gesture on a touch screenor touch sensitive surface at a location corresponding to the first pageof selectable user interface objects such as horizontal movement ofcontact 5238 from location 5238-a in FIG. 5JJJJ to location 5238-b inFIG. 5KKKK and subsequent liftoff of contact 5238 from touch screen 112)that corresponds to a request to display a different page of selectableuser interface objects in a plurality of distinct separately displayedpages of selectable user interface objects. In response to receiving(1362) the fifth input, the device ceases (1364) to display the firstpage of selectable user interface objects (e.g., 5002-4, 5002-2, 5002-3,5002-5, 5002-6, 5002-22, 5004-7, 5002-7, 5004-1-b, 5002-10, 5002-11,5002-12, 5002-13 and 5004-12) and, optionally displays (1366) a secondpage of selectable user interface objects different from the first pageof selectable user interface objects (e.g., icons 5002-80 through5002-93, as shown in FIG. 5LLLL).

Note that details of other processes described herein with respect tomethods 600, 700, 800, 900, 1000, 1100, 1200 (e.g., FIGS. 6A-6E, 7A-7C,8A-8C, 9A-9B, 10A-10B, 11A-11C, 12A-12E, and 5A-5LLLL) are alsoapplicable in an analogous manner to the method 1300 described above.For example, the selectable user interface objects (e.g., action icons5002 and folder icons 5004) described with reference to FIGS. 13A-13Emay have one or more of the characteristics of the various selectableuser interface objects/icons/items (e.g., action icons 5002 and foldericons 5004) described herein with reference to any of methods 600, 700,800, 900, 1000, 1100, or 1200. For brevity, these details are notrepeated here.

In accordance with some embodiments, FIG. 14 shows a functional blockdiagram of an electronic device 1400 configured in accordance with theprinciples of the various described embodiments. The functional blocksof the device are, optionally, implemented by hardware, software, or acombination of hardware and software to carry out the principles of thevarious described embodiments. It is understood by persons of skill inthe art that the functional blocks described in FIG. 14 are, optionally,combined or separated into sub-blocks to implement the principles of thevarious described embodiments. Therefore, the description hereinoptionally supports any possible combination or separation or furtherdefinition of the functional blocks described herein.

As shown in FIG. 14, an electronic device 1400 includes a display unit1402 configured to display a graphic user interface, a input unit 1404configured to receive inputs (e.g., a touch-sensitive surface unitconfigured to receive contacts); and a processing unit 1408 coupled tothe display unit 1402 and the input unit 1404. In some embodiments, theprocessing unit 1408 includes a detecting unit 1410, a display enablingunit 1412, ceasing unit 1414, an updating unit 1416, a zooming unit1418, a moving unit 1420, and a removing unit 1422.

The processing unit 1408 is configured to enable concurrent display(e.g., with display enabling unit 1412) of a plurality of selectableuser interface objects that includes one or more folder icons on thedisplay unit 1402; detect (e.g., with detecting unit 1410) a first inputthat corresponds to a request to select a respective folder icon for arespective folder, the respective folder including a first number ofselectable icons divided between a plurality of distinct separatelydisplayed pages, including a first page and a second page; and inresponse to detecting the first input, enable display (e.g., withdisplay enabling unit 1412) of a folder view for the respective folder.The folder view includes room to simultaneously display no more than asecond number of selectable icons that is less than the first number ofselectable icons; and the folder view displays the first page thatincludes a first subset of the selectable icons in the folder. Whileenabling display (e.g., with display enabling unit 1412) of the firstpage of the folder view, the processing unit 1408 is configured todetect (e.g., with detecting unit 1410) a second input that correspondsto a request to display the second page of the folder view; and inresponse to detecting the second input, cease (e.g., with ceasing unit1414) to enable display of the first page of the folder view and enabledisplay (e.g., with display enabling unit 1412) of the second page ofthe folder view for the respective folder, wherein the second page ofthe folder view includes a second subset of the selectable iconsdifferent from the first subset of the selectable icons.

In some embodiments, displaying the folder view includes displaying twoor more page indicator icons that provide information about the numberof distinct pages of selectable icons between which selectable icons inthe folder are divided; after detecting the first input and beforedetecting the second input, the two or more page indicator icons have afirst appearance; and the processing unit 1408 is further configured to,in response to detecting the second input, update (e.g., with updatingunit 1416) the two or more page indicator icons to have a secondappearance, different from the first appearance.

In some embodiments, the page indicator icons indicate a location of acurrently displayed page in the folder view in a sequence of pages ofselectable icons in the respective folder.

In some embodiments, the first appearance of the page indicator iconsindicates that the first page is currently displayed in the folder view;and the second appearance of the page indicator icons indicates that thesecond page is currently displayed in the folder view.

In some embodiments, the first subset of the selectable icons isdisplayed in a first arrangement in the first page of the folder view;and prior to detecting the first input, the respective folder iconincludes a plurality of reduced scale representations of the firstsubset of the selectable icons displayed in the first arrangement.

In some embodiments, the processing unit 1408 is further configured to:

while displaying the second page of the folder view, detect (e.g., withdetecting unit 1410) a third input received by the input unit thatcorresponds to a request to close the folder view; and in response todetecting the third input: cease (e.g., with ceasing unit 1414) toenable display of the folder view; and enable display, (e.g., withdisplay enabling unit 1412) in the respective folder icon for therespective folder, of reduced scale representations of the second subsetof the selectable icons.

In some embodiments, the processing unit 1408 is further configured to,after enabling display (e.g., with display enabling unit 1412) ofreduced scale representations of the second subset of the selectableicons in the respective folder icon, enabling display (e.g., withdisplay enabling unit 1412) of replacement of the reduced scalerepresentations of the second subset of the selectable icons withreduced scale representations of the first subset of the selectableicons in the respective folder icon.

In some embodiments, prior to detecting the first input, the pluralityof selectable user interface objects are displayed in a respectivearrangement; and enabling display of the folder view for the respectivefolder in response to detecting the first input includes: zooming in(e.g., with zooming unit 1418) on the respective folder icon, whereinzooming in on the respective folder icon includes enlarging therespective arrangement so that the respective folder icon is enlargedand moves toward a center of the display unit; and after zooming in onthe respective folder icon, enabling display (e.g., with displayenabling unit 1412) of replacement of the enlarged respective foldericon with the folder view.

In some embodiments, the processing unit 1408 is further configured to,in response to detecting the first input, cease (e.g., with ceasing unit1414) to enable display of the plurality of selectable user interfaceobjects.

In some embodiments, the processing unit 1408 is further configured to:while displaying the second page of the folder view, detect (e.g., withdetecting unit 1410) a fourth input received by the input unit thatcorresponds to a request to move a respective icon from the second pageof the folder view to a respective location on the display unit; and inresponse to detecting the fourth input: in accordance with adetermination that the respective location is within a predeterminedpage-change region, move (e.g., with moving unit 1420) the respectiveicon from the second page to a different page of the folder view; and inaccordance with a determination that the respective location is within apredetermined icon-removal region that is distinct from the page-changeregion, remove (e.g., with removing unit 1422) the respective icon fromthe folder view.

In some embodiments, the page-change region is at or near a right sideof the folder view.

In some embodiments, the icon-removal region is at or near a bottom ofthe folder view.

In some embodiments, the plurality of selectable user interface objectsis a first page of selectable user interface objects in a plurality ofdistinct separately displayed pages of selectable user interfaceobjects; and the processing unit 1408 is further configured to: detect(e.g., with detecting unit 1410) a fifth input received by the inputunit that corresponds to a request to display a different page ofselectable user interface objects in the plurality of distinctseparately displayed pages of selectable user interface objects; and inresponse to receiving the fifth input: cease (e.g., with ceasing unit1414) to enable display of the first page of selectable user interfaceobjects; and enable display (e.g., with display enabling unit 1412) of asecond page of selectable user interface objects different from thefirst page of selectable user interface objects.

In some embodiments, the first input is a tap gesture on the respectivefolder icon and the second input is a swipe gesture within the folderview.

The operations in the information processing methods described aboveare, optionally implemented by running one or more functional modules ininformation processing apparatus such as general purpose processors(e.g., as described above with respect to FIGS. 1A and 3) or applicationspecific chips.

The operations described above with reference to FIGS. 6A-6E. 7A-7C,8A-8C, 9A-9B, 10A-10B, 11A-11C, 12A-12E, 13A-13E are, optionally,implemented by components depicted in FIGS. 1A-1C and/or FIG. 14. Forexample, detection operations 1304, 1322; displaying operations 1306,and 1334 are, optionally, implemented by event sorter 170, eventrecognizer 180, and event handler 190. Event monitor 171 in event sorter170 detects a contact on touch-sensitive display 112, and eventdispatcher module 174 delivers the event information to application136-1. A respective event recognizer 180 of application 136-1 comparesthe event information to respective event definitions 186, anddetermines whether a first contact at a first location on thetouch-sensitive surface (or whether rotation of the device) correspondsto a predefined event or sub-event, such as selection of an object on auser interface, or rotation of the device from one orientation toanother. When a respective predefined event or sub-event is detected,event recognizer 180 activates an event handler 190 associated with thedetection of the event or sub-event. Event handler 190 optionally usesor calls data updater 176 or object updater 177 to update theapplication internal state 192. In some embodiments, event handler 190accesses a respective GUI updater 178 to update what is displayed by theapplication. Similarly, it would be clear to a person having ordinaryskill in the art how other processes can be implemented based on thecomponents depicted in FIGS. 1A-1C.

The foregoing description, for purpose of explanation, has beendescribed with reference to specific embodiments. However, theillustrative discussions above are not intended to be exhaustive or tolimit the invention to the precise forms disclosed. Many modificationsand variations are possible in view of the above teachings. Theembodiments were chosen and described in order to best explain theprinciples of the invention and its practical applications, to therebyenable others skilled in the art to best utilize the invention andvarious embodiments with various modifications as are suited to theparticular use contemplated.

What is claimed is:
 1. An electronic device comprising: a display; oneor more processors; and memory storing one or more programs configuredto be executed by the one or more processors, the one or more programsincluding instructions for: concurrently displaying a plurality ofselectable user interface objects that includes one or more folder iconson the display; detecting a first input that corresponds to a request toselect a respective folder icon for a respective folder, the respectivefolder including a set of selectable icons divided between a pluralityof different pages, including a first page and a second page; inresponse to detecting the first input, displaying a folder view for therespective folder, wherein the folder view displays a first page thatincludes a first subset of the set of selectable icons; detecting asecond input that corresponds to a request to move a first selectableicon to a page-change region in the folder view; in response todetecting the second input, displaying a second page within the folderview in place of the first page, the second page including a secondsubset of the set of selectable icons different from the first subset;while displaying the second page, detecting a termination of the secondinput; and in response to detecting the termination of the second input,adding the first selectable icon to the second page.
 2. The electronicdevice of claim 1, wherein displaying the second page within the folderview in place of the first page is performed in accordance with adetermination that the first selectable icon is positioned within thepage-change region for a predetermined amount of time.
 3. The electronicdevice of claim 1, wherein the page-change region is a next page-changeregion that corresponds to a request to transition to a next page withinthe folder view.
 4. The electronic device of claim 3, wherein the folderview further comprises a previous page-change region different from thenext page-change region, wherein the previous page-change regioncorresponds to a request to transition to a previous page within thefolder view.
 5. The electronic device of claim 4, wherein the nextpage-change region is proximate a right side of the folder view and theprevious page-change region is proximate a left side of the folder view.6. The electronic device of claim 1, wherein the one or more programsfurther include instructions for: dynamically re-arranging arrangementof the second subset of the set of selectable icons in response toadding the first selectable icon to the second page.
 7. The electronicdevice of claim 1, wherein the one or more programs further includeinstructions for: detecting a third input that corresponds to a requestto close the folder view for the respective folder, and in response todetecting the third input, terminating display of the folder view forthe respective folder and returning to concurrently displaying theplurality of selectable user interface objects that includes one or morefolder icons.
 8. A method comprising: at an electronic device with adisplay: concurrently displaying a plurality of selectable userinterface objects that includes one or more folder icons on the display;detecting a first input that corresponds to a request to select arespective folder icon for a respective folder, the respective folderincluding a set of selectable icons divided between a plurality ofdifferent pages, including a first page and a second page; in responseto detecting the first input, displaying a folder view for therespective folder, wherein the folder view displays a first page thatincludes a first subset of the set of selectable icons; detecting asecond input that corresponds to a request to move a first selectableicon to a page-change region in the folder view; in response todetecting the second input, displaying a second page within the folderview in place of the first page, the second page including a secondsubset of the set of selectable icons different from the first subset;while displaying the second page, detecting a termination of the secondinput; and in response to detecting the termination of the second input,adding the first selectable icon to the second page.
 9. The method ofclaim 8, wherein displaying the second page within the folder view inplace of the first page is performed in accordance with a determinationthat the first selectable icon is positioned within the page-changeregion for a predetermined amount of time.
 10. The method of claim 8,wherein the page-change region is a next page-change region thatcorresponds to a request to transition to a next page within the folderview.
 11. The method of claim 10, wherein the folder view furthercomprises a previous page-change region different from the nextpage-change region, wherein the previous page-change region correspondsto a request to transition to a previous page within the folder view.12. The method of claim 11, wherein the next page-change region isproximate a right side of the folder view and the previous page-changeregion is proximate a left side of the folder view.
 13. The method ofclaim 8, further comprising dynamically re-arranging arrangement of thesecond subset of the set of selectable icons in response to adding thefirst selectable icon to the second page.
 14. The method of claim 8,further comprising: detecting a third input that corresponds to arequest to close the folder view for the respective folder, and inresponse to detecting the third input, terminating display of the folderview for the respective folder and returning to concurrently displayingthe plurality of selectable user interface objects that includes one ormore folder icons.
 15. A non-transitory computer-readable storage mediumcomprising one or more programs configured to be executed by one or moreprocessors of an electronic device with a display, the one or moreprograms including instructions for: concurrently displaying a pluralityof selectable user interface objects that includes one or more foldericons on the display; detecting a first input that corresponds to arequest to select a respective folder icon for a respective folder, therespective folder including a set of selectable icons divided between aplurality of different pages, including a first page and a second page;in response to detecting the first input, displaying a folder view forthe respective folder, wherein the folder view displays a first pagethat includes a first subset of the set of selectable icons; detecting asecond input that corresponds to a request to move a first selectableicon to a page-change region in the folder view; in response todetecting the second input, displaying a second page within the folderview in place of the first page, the second page including a secondsubset of the set of selectable icons different from the first subset;while displaying the second page, detecting a termination of the secondinput; and in response to detecting the termination of the second input,adding the first selectable icon to the second page.
 16. Thenon-transitory computer-readable storage medium of claim 15, whereindisplaying the second page within the folder view in place of the firstpage is performed in accordance with a determination that the firstselectable icon is positioned within the page-change region for apredetermined amount of time.
 17. The non-transitory computer-readablestorage medium of claim 15, wherein the page-change region is a nextpage-change region that corresponds to a request to transition to a nextpage within the folder view.
 18. The non-transitory computer-readablestorage medium of claim 17, wherein the folder view further comprises aprevious page-change region different from the next page-change region,wherein the previous page-change region corresponds to a request totransition to a previous page within the folder view.
 19. Thenon-transitory computer-readable storage medium of claim 18, wherein thenext page-change region is proximate a right side of the folder view andthe previous page-change region is proximate a left side of the folderview.
 20. The non-transitory computer-readable storage medium of claim15, wherein the one or more programs further include instructions for:dynamically re-arranging arrangement of the second subset of the set ofselectable icons in response to adding the first selectable icon to thesecond page.
 21. The non-transitory computer-readable storage medium ofclaim 15, wherein the one or more programs further include instructionsfor: detecting a third input that corresponds to a request to close thefolder view for the respective folder, and in response to detecting thethird input, terminating display of the folder view for the respectivefolder and returning to concurrently displaying the plurality ofselectable user interface objects that includes one or more foldericons.